vue
指令: 扩展html标签功能,属性
常用指令:
v-model 一般表单元素(input) 双向数据绑定 v-for 循环遍历
事件:
v-on:click="函数 v-on:click/mouseout/mouseover/dblclick/mousedown.....
事件:
v-on:click/mouseover...... 简写的: @click="" 推荐
事件对象:在事件中有一个$enevt对象,相当于JS中event对象
@click="show($event)"
事件冒泡:
阻止冒泡:
a). ev.cancelBubble=true;
b). @click.stop 推荐 放在里面的元素被点击之后如果外面的父元素也有点击行为,那么会冒泡
默认行为(默认事件):
阻止默认行为:
a). ev.preventDefault();
b). @contextmenu.prevent 推荐 比如说右击会弹出框但是浏览器也有自己的右击默认行为,可以关闭
键盘:
@keydown $event ev.keyCode // 键盘上面的键的编码
@keyup
常用键:
回车
a). @keyup.13
b). @keyup.enter
上、下、左、右
@keyup/keydown.left
@keyup/keydown.right
@keyup/keydown.up
@keyup/keydown.down
.....
属性的简写,相当于在html中每个属性前面加一个:但是里面绑定的数据是不需要使用{{}}写的
模板:
{{msg}} 数据更新模板变化
{{*msg}} 数据只绑定一次
{{{msg}}} HTML转意输出
组件:组件可以扩展HTML元素,封装可重用的HTML代码,我们可以将组件看作自定义的HTML元素。
注册组件就是利用Vue.component()
方法接收两个参数,先传入一个自定义组件的名字,然后传入这个组件的模板
这是全局组件这是局部组件