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()方法接收两个参数,先传入一个自定义组件的名字,然后传入这个组件的模板

这是全局组件这是局部组件

 

posted @ 2018-03-07 20:24  君临天下丶  阅读(115)  评论(0编辑  收藏  举报