2021-11-15

vue01
指令：通常都是以v-开头，如果遇到一些不是vue规定的命名，他就是自定义指令。

v-once：只读取当前页面第一次加载的内容，不可修改。

v-bind：可以绑定属性，：是v-bind：简写模式。
            <!-- 完整语法 -->
            <a v-bind:href="url"></a>
            <!-- 缩写 -->
           <a :href="url"></a>

v-focus：该指令的功能是在页面加载时，元素获得焦点。

vue02

v-cloak：解决出现页面闪烁问题，必须搭配[v-cloak]样式一起使用。

v-pre：不解析当前内容，优化性能(不推荐)。

v-on：
        <!-- 完整语法 -->
        <a v-on:click="doSomething"></a>
        <!-- 缩写 -->
        <a @click="doSomething"></a>

v-if ：指令将根据表达式 seen 的值(true 或 false )来决定是否插入 p 元素。
v-if：删除dom，v-show：隐藏dom。

       v-for比v-if权重大，不能一起使用，否则会报红 
        解决方法：分开写两行
           <li v-for="item in 5">
                  <span v-if="">我是li</span>
           </li>
    
v-model ：指令用来在 input、select、textarea、checkbox、radio 等表单控件元素上创建双向数                     据绑定，根据表单上的值，自动更新绑定的元素的值。

vue05
trim ：最常用的修饰符，去除前后空格
          <input type="text" name="" id="" v-model.trim="nameTwo">

number；需以数字开头，才能做数字类型判断
              <input type="text" name="" id="" v-model.number="nameTwo">

            .stop 阻止事件继续传播
            .prevent 阻止标签默认行为
            .capture 使用事件捕获模式，即元素自身触发的事件先在此处处理，然后才交由内部元素                  处理
            .self 只当在 event.target 是当前元素自身时触发处理函数
            .once 事件将只会触发一次
            .passive 告诉浏览器你不阻止事件的默认行为