VUE(持续更新)

.vue : 是一套构建用户界面的渐进式框架

指令 (v-开头的特殊属性 ):
v-text ="" 只能输出文本

v-html=""  可以解析标签

v-pre = ""  不去解析

v-bind:属性名(id/class/title/src)="" 动态绑定属性      语法糖写成   : 属性名=""

v-on:事件(click)="" 绑定事件   语法糖写成  @:click=""

v-cloak 可以解决刷新或者文档加载出现的{{}} 问题 

	eg : <div  v-cloak> {{htm1l}}</div>
		还要在css样式里面设置   [v-cloak]{ display:none }

v-model  双向数据绑定   他的内容是实时更新的

	eg : <input type="text" v-model='age'>
		<h1>我的年龄{{age}}</h1>

v-once  只能渲染一次,后期修改不会再改变了

v-for "(value,index) in arr(数组)"  	遍历数组时  value 是数组中的每一项  index是索引

v-for "(key,val,index) in object(对象)"       遍历对象时  val是值  key 是键  index是索引

v-for "count in 10" 如果使用v-for迭代数字的话 前面count的值从1开始

v-if  是通过创建和销毁节点来达到显示和隐藏的的效果的

v-show 是通过修改display的属性来达到显示和隐藏的效果的

频繁的切换一个元素推荐使用v-show 

不经常切换一个元素的时候使用v-if 因为他的切换开销大

key的值是唯一的

动画 : .a-enter{ 进来之前的样式 } .a-enter-active{ 进来这个过程 } .a-enter-to{ 进来之后的样式 }
.a-leave{ 走之前的样式 } .a-leave-avtive{ 走的这个过程 } .a-leave-to{ 走之后的样式 }
他是用transition标签包起来的

计算属性 computed : 当他所依赖的属性发生变化时,这个计算属性会重新计算 他有缓存 当你调用多次的时候只会计算一次,其他值都是从缓存中直接拿的

普通方法 methods : 页面发生变化 , 普通方法就会调用一次, 他没有缓存

监听 watch : 处理异步操作或数据比较复杂响应比较长的时候用 , 当所监听的属性发生变化时会自动触发对应的监听方法
监听里面的函数名和属性名要相同
深监听:对象里面的属性要通过深监听来监听
obj:{
handler(newValue,oldValue){
console.log(newValue);
console.log(oldValue);
},
deep:true
}

局部组件 components : 组件标签名 : 组件构造器

过滤器: filters 语法:{{参数 | 过滤器}}

自定义按键修饰符:Vue.config.自定义按键名 = 键盘事件对应的数字

修饰符 :
.stop 阻止冒泡
.prevent 阻止默认行为
.capture 捕获.如果里面有冒泡的事件,谁先加上他就触发谁
.self 只有是当前元素才会被触发 , 冒泡和捕获的都不能触发
.once 被她修饰的事件只会触发一次
.passive 不阻止默认行为 , 跟prevent 一起使用的话prevent就会失效
eg : <div @click.stop=“fun”>
表单修饰符 :
.lazy 不会实时更新,当你按下回车才会更新一次
.number input输入的内容默认是字符串类型,使用number可以把他转为数值
.trim 去除首尾的空格
eg :