模版、配置

51 阅读1分钟

模版

语法 {{}}

mustache语法/大胡子语法

指令

指令写到元素的属性位置,带有功能性质,比如v-for循环生成元素

v-bind

  1. 绑定属性

  2. 指令的参数是属性名

  3. v-bind:属性="js表达式"

    <img v-bind:src="imgUrl">

  4. 语法糖 :

    <img :src="imgUrl">

v-for

  1. 循环数组

  2. 注意绑定key值(key值为唯一且稳定的值) key不会体现在页面上,主要是给vue用的,可以理解为是为了提高比较新旧两棵虚拟DOM树的效率

    一般绑定的是数据的id

v-on

  1. 绑定事件

  2. 指令参数是事件名 <div v-on:click=""></div>

  3. 语法糖 @ <div @ click=""></div>

配置

el

挂载的目标元素

data

和内容相关的数据

computed

计算属性 根据data计算

methods

常用的操作方法

template

配置模版

render

渲染方法,生成虚拟DOM(vnode)