模版
语法 {{}}
mustache语法/大胡子语法
指令
指令写到元素的属性位置,带有功能性质,比如
v-for
循环生成元素
v-bind
-
绑定属性
-
指令的参数是属性名
-
v-bind:属性="js表达式"
<img v-bind:src="imgUrl">
-
语法糖
:
<img :src="imgUrl">
v-for
-
循环数组
-
注意绑定key值(key值为唯一且稳定的值) key不会体现在页面上,主要是给vue用的,可以理解为是为了提高比较新旧两棵虚拟DOM树的效率
一般绑定的是数据的id
v-on
-
绑定事件
-
指令参数是事件名
<div v-on:click=""></div>
-
语法糖
@
<div @ click=""></div>
配置
el
挂载的目标元素
data
和内容相关的数据
computed
计算属性 根据data计算
methods
常用的操作方法
template
配置模版
render
渲染方法,生成虚拟DOM(vnode)