Vue学习笔记二：v-cloak，v-text，v-html的使用

时间：2023-03-09 18:40:50
Vue学习笔记二：v-cloak，v-text，v-html的使用

越来越感觉，Vue学起来很有意思

v-cloak：解决插值表达式闪烁问题

先来写一个HTML，如下

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Vae</title>

</head>

<body>

    <!-- 这个div就是MVVM中的V，View -->

    <div id="app">

        <p>{{ msg }}</p>

    </div>

    <script type="text/javascript" src="../lib/vue-2.6.10.js"></script>

    <script>

        // 这个vm就是MVVM中的VM，ViewModel

        var vm=new Vue({

         el: '#app',

        //  这个data就是MVVM中的M，Model

         data: {

            msg: '许嵩'

            }

        })

    </script>

</body>

</html>

可以看到，我把Vue.js的引用放到div下面了，这样是为了更好的重现插值表达式闪烁的情况。

安装插件Live Server

我要模拟网络环境，本地肯定不行，所以我们下载安装一个插件Live Server

Vue学习笔记二：v-cloak，v-text，v-html的使用

看这个插件的开发者化的括号和箭头我就知道，这是一个有趣的人

相关文章