【Vue】Vue基础入门

html模板

  插值表达式:声明式渲染

      {{js表达式、数据模型}}: js表达式必须有返回值，出现插值闪烁

      v-text:通常使用该方式安全隐患

      v-html:解析html, js，css

  双向渲染:双向绑定

      v-mode1="数据模型": 在表单元素中使用，才有意义

  事件: v-on简写@

      @click:点击事件

      @contextMenu:右击事件，事件修饰符: .prevent阻 止默认事件

      @keyup:键盘事

            13或者enter键:回车事件@keyup.13

            组合事件

  v-for:遍历

      数组: v-for=" (item, index) in items"

      对象:v-fors"(val,key, index) in user"

     :key:提高渲染速度

  v-if:判断

      v-if="布尔表达式": true-渲染，false-不渲染

      v-show="布尔表达式":_总是渲染，false-display: none

      v-e1se-if="布尔表达式"

      v-else: else- 定要紧跟在if之后

  v-bind: 绑定简写():

       :class="{active:布尔表达式}"

vue实例js

      el:选择器，对应html模板

      data:数据模型，

      commputed:定义计算属性，计算本质就是方法，但是方法必须有返回值，计算属性可以像数据模型-样使用。如果计算属性          的依赖项没有改变，直接从缓存中命中 watch:监听，方法名是要监听的数据模型名称message (newVa1, o1dVa1){}

     钩子函数: created, 在对象初始化之后执行，通常在created中初始化数据