1.1 Vue新建项目语法
基本语法：
vue.js引入
1.2、Vue实例化，代码如下：
Document
{{mess}}
1.3、循环列表
语法如下：
Document
- {{item}}
1.4、计数器Demo实例，代码入如下：【按钮事件的使用语法】
计数器
当前数字为：{{num}}
总结：使用了新的指令与新的属性：
v-on:click：新的指令 事件监听
methods:{ .....} 新的属性 定义事件
1.5、Vue中的MVVM模式
M：Model V:View VM:ViewModel
计数器
当前数字为：{{num}}
1.6 、创建vue实例传入的Options
el ：string 类型
作用：决定之后管理那个Dom对象
data： object | Function 在组件中data必须是个函数
作用：实例对应的数据对象，以及数据对象初始化
methods: function 方法 里面是多个方法或函数
作用：定义属于Vue的一些方法 ，可以在其他地方低啊用，也可以在指令中使用，比兔 v-on:click ="方法名"。
1.7、Vue 的生命周期
生命周期的定义：一个事务从诞生到消亡的整个过程。
生命周期，如图：
[图片上传失败...(image-cc71ce-1628662180264)]
Document
总结：
beforeCreate：创建vue实例前用的钩子函数
created：创建vue实例后用的钩子函数
mounted：将编译好的html页面挂载到页面完成后执行的沟子函数
...........详细请看上图。
1.8、基本语法：
插值操作语法，代码如下：
Document
{{mess}},小明
{{FirstName+''+lastName}}
{{counter*2}}
总结：
Mustache 语法 ：也是双大括号语法，不仅仅可以写变量，也可以写表达式
1.9、v-once 指令
代码如下：
Document
{{mess}}
总结：
v-once：数据初始化后，不允许修改数据
2.0、V-html指令
代码如下：
Document
2.1、v-text 指令
语法如下：
Document
总结：v-text：显示纯文本信息，不经常使用，如果h2 标签中有内容，它将会覆盖标签中的内容。
2.2、v-pre指令 【用的比较少】
代码如下：
Document
{{mess}}
{{mess}}
总结：v-pre指令：是将{{mess}}字符串显示出来，不需要vue进行解析
2.3、v-cloak 指令：
代码如下：
Document
{{mess}}
总结：v-cloak指令： 【不经常使用】 作用：在vue解析之前有一个属性v-cloak指令； 在vue解析后就没有这个v-cloak指令
2.4、v-bind 指令
代码如下：
Document
![图片]()
![图片]()
总结：v-ding指令：动态绑定属性，也就是请求服务器， 响应后将返回的数据绑定到属性上，比如图片 src属性等等 全写：v-bind：属性="" 缩写： :属性：=""
2.5、v-bind 绑定 class
代码如下：
Document
{{mess}}
{{mess}}
{{mess}}
总结：1）、在vue创建的实例中可动态加载视图中的样式。
2）、绑定对象语法 {类名：bool值} bool值为true,加载 类名的样式
如果div中有两个class，一个是自定义的class，一个是动态绑定的class ，vue内部会将这两个class进行合并。
2.6、v-bind 动态绑定class 用方法动态绑定样式
使用方法动态绑定样式， 代码如下：
Document {{mess}}
2.7、v-bing 动态绑定style样式表
对象语法代码如下：
Document
{{mess}}