Vue学习笔记
创建var vm =new Vue(){
el:
data:
...
}
生命周期（各个阶段）:
beforeCreate后加:function()引用函数下都一样
created
beforeMount
mounted
beforeUpdate
updated
activated(keep-alive组件激活时调用)
deactivated(keep-alive组件停用时调用)
beforeDestroy
destroyed
errorCaptured(组件错误)
模板语法-插值
1、文本
双大括号文本插值，{{msg}}Vue下修改可以修改插值
v-once:插值只能改一次
v-html可以输出真正的html代码而不是双大括号那样改值得文本
2、动态赋值（特性）
v-bind:id名="变量值（可以是颜色啊什么的这个地方很灵活面很广）" 后面vue的data：{变量值：'red'}对应
可以简写为 :id=""
3、使用JavaScrip表达式
{{number+1}} ---运算的number是可以修改的data值
{{ok? 'yes' :'No'}} ---条件表达ok是data值正确返回yes 错误返回no
{{message.split('').reverse().join('')}} ----是将message值拆分倒着排列再组合就是倒叙的函数
模板语法-指令
v-bind:style={styleObject}
data：{
styleObject{
color：。。
。。。
}
}可以动态的绑定style
条件渲染v-if（只有在返回值为真时才会被渲染不为真时不渲染）v-show（不管初始条件是什么，元素都会被渲染只不过显示不显示什么的就看你怎么设置了）
列表渲染v-for
基于一个数组来渲染一个列表需要用item in items的特殊用法
即v-for="item，（其他条件） in items" 下文讲的key值在这里添加
{{item.message}}{{其他条件}}
data:{
item:[
{message:''}
{message:''}
]
为了以后的维护更新我们最好为每一项提供一个唯一的key值它的值要是唯一的一个量
用v-bind:key=""
v-for也可以遍历一个对象的属性
v-for="value,key in dbb"
{{key}}:{{value}}}
data:
dbb:{
title：wiliam sherlock scott homes
anthor：aerlan Smith
}
事件绑定v-on：比如click点击事件等触发时会产生相应的变化
但直接把JavaScript代码写在v-on上是不可行的所以v-on可以接收一个需要调用的方法名称
即(没有任何方法所以这里我们构建函数)
在后面的Vue里（
{
新添methods：{
lala：function（可以有多个参数）//来引用函数
alert（hi）；
}
}
）
当然还有很多时间修饰符如dbclick双击
.stop
.prevent
.capture
.self
.once
.passive当然这些.都是click下面的v-on：click.stop
表单数据绑定（就这些input，textarea之类的用上之后在这上面输出的东西也会在下一行你写的{{message}}里面输出）
v-model会与表单,