Vue指令补充
2018-09-26 本文已影响0人
Cherish丶任
v-html:指令下数据绑定会被忽略，而被当成HTML
如果用到v-html指令时，需要单独添加一个元素来绑定
v-text:操作元素中的纯文本
v-text不解释标签，v-html解释标签
v-text会将元素当成纯文本输出，v-html会将元素当成HTML标签解析后输出
v-once 只绑定一次
当数据改变时，插值处的内容不会继续更新
v-pre 原样输出
v-cloak:防止页面加载时出现 vue.js 的变量名
<style>
[v-cloak]{
display: none;
}
</style>
<body>
<div id="app">
<input type="text" v-model="mas">
<p v-html="mas">{{mas}}</p>
<p v-text="mas">{{mas}}</p>
<h1 v-cloak>{{mas}}</h1>
</div>
<script src="[js/vue.js](js/vue.js)"></script>
<script>
new Vue({
el:'#app',
data:{
mas:'hello'
},
beforeMount:function(){
alert('beforeMount')
}
})
</script>
