vue基础

vue属性：

el===$mount	挂载点（双标签，不能为html和body）
data	数据
methods	方法（this指向vue对象）
computed	计算属性
watch==$watch	监视属性
filters	过滤器
directives	自定义指令（两种写法：对象和函数）
components	组件

vue指令：

{{}}	插值语法
v-text	设置文本
v-html	设置文本
v-bind	绑定属性,例：v-bind:class="三目运算"或v-bind:class="{属性:布尔值}"
:	绑定属性，简写
v-on	绑定事件
@	绑定事件，简写
v-model	双向绑定
v-show	显示隐藏，实质是更改display的值
v-if	显示隐藏，实质是元素是否创建
v-else-if	-
v-else	-
v-for="(item,index) in arr"	循环指令
v-once	内容只改变一次
v-pre	数据不解析
v-cloak	当网络较慢，网页还在加载 Vue.js ，而导致 Vue 来不及渲染，这时页面就会显示出 Vue 源代码。（此指令解决此问题，配合css中的display:none;来使用）

事件修饰符：

stop-----（v-on修饰符，以下）	阻止事件冒泡
prevent	阻止默认行为
capture	使用事件的捕获模式
self	只有e.target是当前操作的元素时才触发事件
passive	事件的默认行为立即执行，无需等待事件回调执行完毕
once	只执行一次
lazy-----(v-model修饰符，以下)	数据在失去焦点或者回车时才会更新
number	输入框中输入的内容自动转成数字型
trim	过滤内容两边的空格
按键别名（按键类修饰符，以下）	按键类修饰符
按键码	按键类修饰符（不推荐）

常见按键别名：

enter、delete、esc、space、tab、up、down、left、right

特殊按键别名（系统修饰键）：

ctrl、alt、shift、meta（win）、tab

特殊按键注意：

1.配合keydown时正常触发

2.配合keyup时需要按下修饰键的同时，再按下其他键，随后释放其他键，事件才被触发

自定义按键别名（不推荐）：

vue.config.keycodes.按键别名=按键码