V-pre原值输出,v-cloak属性

Posted 勇敢*牛牛

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了V-pre原值输出,v-cloak属性相关的知识,希望对你有一定的参考价值。

<h2 v-pre>text</h2>原值输出
cloak:斗篷

延迟创建函数

// 延迟创建函数
 setTimeout(function () 
     let app = new Vue(
         el: '#app',
         data: 
             message: '靓仔',
             url: '<a href="http://www.baidu.com">百度一下</a>',
             text: '天使'
         
     );
 , 1000)
 // 一秒===1000毫秒

v-cloak // 解析之前div中有一个v-cloak属性,在Vue解析之后,div就没有一个属性v-cloak

<body>
    <div id="app" v-cloak>
        
        <h2>text</h2>
        <h2 v-text='text'>魔鬼</h2>
    </div>
    <script src="vue.js"></script>
    <script>

        // 延迟创建函数
        setTimeout(function () 
            let app = new Vue(
                el: '#app',
                data: 
                    message: '靓仔',
                    url: '<a href="http://www.baidu.com">百度一下</a>',
                    text: '天使'
                
            );
        , 1000)
        // 一秒===1000毫秒
        // 解析之前div中有一个v-cloak属性 
        // 在Vue解析之后,div就没有一个属性v-cloak
    </script>
</body>

以上是关于V-pre原值输出,v-cloak属性的主要内容,如果未能解决你的问题,请参考以下文章

v-pre&v-cloak&v-once

v-once v-pre v-cloak作用

Vue 学习记录

第二节:指令的使用

Vue学习笔记

Vue基础知识总结 1Vue入门