Vue基本使用

vue的基本代码

//vue实例控制的这个元素区域就是V
<div id="app">
<p>{{msg}}</p>
</div>

<script>
// 2.创建一个Vue的实例
//导入包之后，在浏览器内存中就多了一个Vue构造函数
//new出来的vm对象就是 MVVM中的 vm调度者 
var vm = new Vue({
el:'#app',//当我们new这个Vue实例，表示页面上控制哪个区域
data:{//data属性中，存放的是el中要用到的数据
msg:'欢迎学习Vue'//通过Vue提供的指令，很方便的就能把数据渲染到页面上，程序员不再手动操作DOM元素了
  }
})
</script>

v-cloak，v-text，v-html用法

//v-cloak和v-text都可以解决插值表达式闪烁问题
<p v-cloak>{{msg}}</p>
//v-text默认没有闪烁问题，但是会覆盖元素原本内容
//插值表达式只替换自己的占位符不会清空整个元素内容
<h4 v-text="msg"></h4>
<div v-html="msg2">1221</div>//输出html格式的代码