vue.js

通过< script src=“https://cdn.jsdelivr.net/npm/vue/dist/vue.js”>直接引入

• element 需要获取的元素，一定是html中的根元素
• data:用于数据的储存
• methods:{}用于储存方法
• comouted:计算属性
• v-bind:给属性绑定对应的值
• v-html=""给属性绑定标签

事件

1.鼠标事件

• v-on:click点击事件
• @click点击事件
• @dblclick
• @mousemove鼠标移动

2.键盘事件

• keyup 键盘弹起
• keydown 键盘摁下

事件修饰符

• .once 只执行一次
• .stop 停止当前时间
• .prevent 阻止默认事件
• .enter 提交事件不再重载页面
• .alt.enter 添加事件监听器时使用事件捕获模式
• .prevent
• .capture
• .passive
• .self

双向数据绑定

• ref="" v-model="" {{}}