Vue 4个指令

作者: 北觅_Sir | 来源:发表于2018-09-24 09:29 被阅读0次

vue入门6---vue基本指令、自定义指令、插件
Vue指令钩子函数
40.Vue自定义指令--局部
Vue div节点滚动事件-加载更多
vue自定义指令
Vue 成长之旅 | Vue基础用法一
vue指令概览
Vue与webpack基本使用介绍
vue学习（25）自定义指令
vue笔记-06（指令-自定义指令）

v-html指令

v-text指令

v-html和v-text的区别 v-html只能显示标签内容不读取标签，v-text读取内容也读取标签

v-pre指令

显示标签下的内容不读取Vue

v-once指令

只执行第一次Vue内容

v-cloak指令与beforemount

先执行后加载网站

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            [v-cloak]{
                display: none;
            }
        </style>
    </head>
    <body>
        <div id="app">
            <input type="" v-model="msg" id="" value="" />
            <p v-html="msg">
                {{msg}}
            </p>
            <h1 v-text="msg">{{msg}}</h1>
            <a href="" v-pre>{{msg}}</a>
            <a href="" v-once>{{msg}}</a>
            <h1 v-cloak>{{msg}}</h1>
        </div>
        
        
        <script src="../JS/vue.min.js" type="text/javascript" charset="utf-8"></script>
         
        <script type="text/javascript">
            
            new Vue({
                el:'#app',
                data:{
                    msg:"周六正常上课"
                },
                beforeMount:function(){
        alert(1111)
                }
                
            })
        </script>
    </body>
</html>