这么写会报错
或者把v-bind撤了，也可以
成功渲染
<div :title="{{hello}}"></div> 不可以这么写，不能把{{}}写入属性里，会造成混乱；
列表渲染v-for 数组，对象，子组件
v-for 遍历列表，遍历list里的每一项，并赋值给item变量，使用mstch来渲染
这两种效果一样
列表序号的渲染
index相当于序号，给列表项加序号
index除了能渲染出来，还可以配合class，属性来显示，哪一个li标签被添加class;
这是数组
value指apple 34 red 14
把关键字也给渲染出来，v-for渲染list和对象数组
v-for渲染组件
如何循环渲染组件标签
只需要把v-for写入组件标签里面
循环4项，是因为objList里有四项，
组件循环的意义，可以动态地为组件传值，key 就是name price等
列表数据的同步更新方法
实现双向绑定
，在methods里可以调用data数据的
点击按钮会向列表里添加list
把某一列表项改为其他的
set方法 第一个参数，改的数组，第二个参数是该第几项，第3个参数修改为什么
vue 标签属性和条件渲染
v-bind 来绑定属性，缩写形式，把v-bind删了使用v-bind 可以动态改变变量
如果data里的link 改变，a 标签也会改变
动态绑定class
本身的class和v-bind绑定的class不冲突
class 动态绑定
class数组绑定
把classA calssB 的数据渲染到a 标签里
布尔值的控制class
以动态方式渲染内敛样式
条件渲染
v-if没有参数，isPartA是变量
再次点击
v-if如果不存在的话，不存在文档流里，v-show通过display：none来实现，在文档流里依然存在
v-else配合v-if v-show 使用的
当切换的时候
在子组件里触发一个函数
触发事件采用$emit方法，触发的是my-event函数，并把hello传了过去，再执行以上代码块
表单事件的绑定
input，在Vue里通过v-model来执行的
把myvalue值渲染出来
type=text，刚开始的时候，value值为空，当输入的值变化时，myvalue值也跟着变，数据的双向绑定，把输入的数据同步到js里，再同步到页面里，
复选框
mybox需要在data里声明，而且为数组形式，（把type换为radio就是单选框）
select 选择
通过v-model来绑定数据
循环下拉选项的值
功能一样
：value=v-bind，是value值动态变化
v-model支持修改器
当v-model.lazy时，向输入框输入字符完毕时，数据更新，不加lazy，就写着更新着
v-model.number,强制是数字类型
v-model.trim 排解空格
计算属性和数据监听
当myValue值改变的时候，计算属性的值也在改变
/\d/g 将数字清空掉，输入的是数字时，不显示，其他显示
Vue事件监听 监听vue js的变量，每当变量改变的时候，执行相应的操作 ，通常采用watch来监听，这里监听的是v-model绑定的myVuel
如果对列表进行操作，把myList写入watch里，都会执行tellUser（）；
当前值和以前值都被显示