vue基础

框架介绍

 MVVM模式

 简单指令

{{name}}

内容渲染指令v-html：将内容以html代码形式展示出来

属性绑定指令v-bind: 或者直接用冒号（数据绑定的单向的），用来将原有的属性如src中的数据绑定为后面所给的数据,也就是说它会去读

v-model：数据双向绑定（用户输入及数据变化都会相互影响）

可以使用js表达式 ：可以使用数字加1、三目运算符、js的split方法等

事件绑定v-on或@，如@click

条件渲染v-if（不占位置）、v-show （会占位置）（都使用布尔值控制）

列表渲染v-for ：只用一个li标签就行，会根据数据的多少自己填充。v-for中的key可以标记每一个li标签，可以使用用户的id去标记，而不是用当前的index，因为index也是动态变化的，可能会出现添加数据后选中的项发生变化的情况