(1)官方网站https://cn.vuejs.org/v2/guide/
2 ) Vue (类似于读/vju/,view)是用于构建用户界面的一组渐进式框架。 与其他大型框架不同,Vue设计为可以从下到上分层应用。 Vue的核心库只关注视图图层,不仅易于使用,而且易于与第三方库和现有项目集成。 另一方面,如果与现代化的工具链和各种支持类库结合使用,Vue还可以完全支持复杂的单页面APP应用。
如果你刚开始学习前端开发,把框架作为第一步可能不是最好的想法——掌握基础知识之后再来。
(3)在安装中制作. html文件,通过以下方法导入Vue。
(3.1 )方法1 )! -开发环境版本,包含有用的命令行警告--- script src=' https://cdn.jsdelivr.net/NPM/vue/dist/vue.js '/script (3.2 )方法2 -优化了大小和速度的生产版本--script src=' https://cdn.jsdelivr.net/NPM/vue '/script (4)声明性呈现
我们创建了第一个vue APP应用程序! 这看起来与渲染字符串模板非常相似,但Vue在背后做了很多工作。 现在数据和DOM已经关联起来了,所有的东西响应式的怎么确认? 如果打开浏览器的JavaScript控制台并在此页面中更改v.message的值,则会相应地更新以上示例。
(4.1 )文本插值
(4.2 )代码插值使用v-html='data名称'
) 4.3 ) v-show(true显示,false隐藏)和v-if标记(true执行,false不执行) )。
(4.4)动态绑定class的三种写法数组和对象之间的差异:向数组添加其他class
(4.5)动态绑定style的三种写法
http://www.Sina.com/http://www.Sina.com /
(4.6)条件渲染(if,else,else if, for)
(4.6.3) if、else if、else
)5)序列更新检测
(6)列表过滤操作
(7)事件修饰符阻止或阻止冒泡事件的发生) click.self,click.stop,@click.prevent
(8)密钥修饰符
)9)窗体控件绑定v-model
(9.1 )窗体控件绑定:文本框
(9.2 )窗体控件绑定:复选框、单框