首页 > Web开发 > 详细

vue 基础 v-text v-html v-model v-cloak v-bind

时间:2020-11-27 22:28:29      阅读:45      评论:0      收藏:0      [点我收藏+]

v-text  纯文本绑定

v-html  会解析html标签

<p v-html="rawHtml"></p>

var a=new Vue({
    el:"#app",                 //绑定的元素
    data:{
        rawHtml:‘<span style="color:red">利用vue添加了插入一个span 元素</span>‘, //元素内数据代码 message
    }
});

 

v-model 双向绑定  适用于input标签

v-cloak   div内变量编译完毕后才会显示

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

message:"这是v-clock"

[v-cloak] {
    display: inline;
}

 

v-bind  用于绑定 html 属性

<img v-bind:src="src" alt="">

src: "https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1819216937,2118754409&fm=26&gp=0.jpg"

 

vue 基础 v-text v-html v-model v-cloak v-bind

原文:https://www.cnblogs.com/cffdn/p/14049973.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!