Vue指令补充

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> 

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • v-html作用 : 操作元素中的HTML标签 v-text会将元素当成纯文本输出,v-html会将元素当成HTM...
    北城_以念阅读 222评论 0 0
  • # 传智播客vue 学习## 1. 什么是 Vue.js* Vue 开发手机 APP 需要借助于 Weex* Vu...
    再见天才阅读 3,801评论 0 6
  • vue概述 在官方文档中,有一句话对Vue的定位说的很明确:Vue.js 的核心是一个允许采用简洁的模板语法来声明...
    li4065阅读 7,624评论 0 25
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 3,157评论 1 4
  • “女士们,先生们,您乘坐的1382次航班马上就要起飞了,请您进入安检登机,谢谢……” “子雪,谢谢你今...
    总是说坚持的我们阅读 447评论 0 0

友情链接更多精彩内容