vue2.X基础速成---核心技术（2）

vue框架常用知识点

认识Vue文件结构（ template， script，stye）

怎么使用vue？

1·内网下载，
2·另一种方式BootCDN。https://www.bootcdn.cn/
选择.min.js压缩版本，也可以减少网络相应的时间

模板语法

包含插值、指令（指令缩写）
插值语法{{msg}}，数据、js表达式；
指令（指令缩写）@ click，v-if，href

计算属性computed与监听器watch

• watch监听： 通常监听一个变量与数组
  win打开调试窗口F12
  
  监听器发现数据变化之后，会有数值的变化

• computed：数据联动，可以监听很多变量，变量一定在vue实例当中。
  

computed
不管任意变量发生了变量，都会影响

属性：条件渲染、列表渲染、Cass与 Styles绑定

条件渲染

• v-if
• -v-else，v-else-if
• v-show
• v-for
  

列表渲染

• v-for（循环输出）
• v-for和v-if结合
  
• v-for高阶用法

Class绑定

Styles绑定（v-bind）