初学Vue

1.内容渲染指令

• v-text 覆盖标签原有内容
• {{}} 插值表达式
• v-html

2.属性绑定指令

• v-bind 为属性动态绑定值 简写 ':'

3.事件绑定指令

• v-on 简写 '@'
• vue提供了内置变量，$event 它就是原生的DOM事件对象
  

4.双向绑定指令

• v-model
  

5.条件渲染指令

• v-if 原理：每次动态创建或移除元素
• v-show 原理：动态为元素移除或添加 display: none样式，来实现元素的显示和隐藏
• v-else-if
• v-else

6.循环渲染指令

• v-for = "item in 数组名" 或 "(item,index) in 数组名" 官方建议加上 :key = "item.id" key 只能是：字符串或数字

computed 计算属性