Vue的基本使用步骤
1、需要提供标签用于数据填充。
2、引入vue.js库文件。
3、可以使用vue的语法做功能
4、吧vue提供的数据填充到标签
<div id="app">
<div v-cloak>{{msg}}</div><!--插值表达式 (支持简单计算)-->
<div v-cloak>{{msg+"___"+123}}</div>
<div v-text="msg"></div>
<div v-html="msg1"></div>
</div>
<script>
var vm=new Vue({//新建vue对象
el:'#app',//元素的挂载位置(可用css选择器)
data:{//数据模型(值是一个对象)
msg:"hello Vue",//填充内容
msg1:"<h1>Html</h1>"
}
})
</script>
vue的指令
v-cloak解决闪动问题
在css中添加样式[v-cloak]{display:none;}
在插值表达式中加v-cloak
v-text 填充纯文本和插值一样但是没有闪动问题
v-html填充html片段,有安全问题,使用本网站内部数据时使用
v-pre 显示原始信息,跳过编译过程
数据响应式 v-once 只能编译一次,
如果显示的信息不需要修改可以提高性能。