{{ }}和v-text和v-html

<style>

[v-cloak]{  display: none;  }

</style>

<div id="app">

<!-- v-cloak: 在完成数据加载前不显示   避免了出现“{{message}}”闪烁 -->

<!-- {{ }}和v-text的区别： 

1. {{ }}有闪烁问题 而v-text是把属性赋值给内容，不会有闪烁问题

2. 在{{ }}的前后可以添加其他的内容  而在v-text里面不行

-->

<p v-cloak>##{{message}}##</p>

<h4 v-text="text">##{{me}}##</h4>

    <div>{{msg}}</div>

    <div v-text="msg"></div>

    <div v-html="msg"></div>

</div>

<script src="vue.js"></script>

<script>

let vue = new Vue({

el: "#app",

data: {

message: "123",

me: "34",

text: "45"，

msg: "<h1>东方红京东方</h1>"

}

})

</script>