v-if

如果false则不挂在DOM上

---

v-show

无论true/false都放在都DOM上,只能隐藏

---

v-esle

配合v-if使用

---

v-for

循环

v-for="(value,index) in data" :key="index"

---

v-bind

绑定 简写 : 绑定

---

v-no

监视DOM事件 简写@

<a @click.stop="回调方法"></a>
/*
    .stop // 停止冒泡
    .prevent // 阻止事件默认行为
    .13.enter // 只当前时间触发时才回调
    .once // 只触发一次
    .left // 鼠标左键是触发
    .right // 鼠标右键是触发
    .middle // 鼠标中间是触发
*/

---

v-model

用于表单,绑定当前元素

• 注意事项

v-model.lazy = "变量" // 懒惰 回车 onblur触发
v-model.number = "变量" // 输入数字
v-model.trim = "变量" //去除字符串前后空格

自定义指令

new Vue({
	el:"",
	data:"",
	directives:{ // 自定义指令
		change:{ //指令名称 v-change
			// bind: 指令绑定到元素(1)
			// el 当前元素,bindings绑定值
			bind:function(el,bindings){},
			// 如果调用指令传参数,参数变化(n)
			update:function(el,bindings){},
			// 接触绑定的操作
			unbind:function(){}
		}
	}
})
/**
	注意事项
		1. 指令命名用小驼峰方式
		应用: v-xx-xx

*/

---

自定义过滤器的创建和使用

• 过滤器
• 实现数据筛选,过滤,格式化
• 创建

new Vue({
    filters:{
        过滤器名称:function(myinput,arg1){
            // myinput 过滤器 "|" 前的变量
            // arg1 函数的参数
            // 处理数据
            return 处理后的数据
        }
    }
})

• 使用

<any> {{表达式 | 过滤器()}} </any>