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

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

  • 相关阅读:
    XStream教程
    Log4j教程
    Java.io包
    Java输入/输出教程
    Java.math.BigDecimal.abs()方法
    数据类型转换
    JUnit教程
    java.lang
    标识符
    PHP面向对象笔记解析
  • 原文地址:https://www.cnblogs.com/chuanshi123/p/8525128.html
Copyright © 2011-2022 走看看