1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > v-html双向绑定 vue.js数据绑定的方法(单向 双向和一次性绑定)

v-html双向绑定 vue.js数据绑定的方法(单向 双向和一次性绑定)

时间:2022-04-16 13:29:33

相关推荐

v-html双向绑定 vue.js数据绑定的方法(单向 双向和一次性绑定)

这两天学习了vue.js数据绑定这个地方知识点挺多的,而且很重要,所以,今天添加一点小笔记。

前言

感觉 vue 的很多方面的内容,都参考了 angular 的东西,数据绑定方面,更是赤裸裸的“抄袭”。对照来看,更有助于我们学习和理解框架本身透露出来的思想,而非框架本身。

一、单向绑定

(一)Mustache 语法,双大括号 {{}}(html 内字符串绑定)

{{text}}

var app = new Vue({

el: #app,

data: {

text: ext content

}

});

但是,这种双大括号语法,只能用于 html 内部的字符串,不能用于绑定 html 的属性(如 title、disabled、checked 等),angular亦如是。

(二)v-bind 指令(html 属性绑定)

title属性绑定,html属性不能使用双大括号形式绑定,只能使用v-bind指令

“:” 是 “v-bind” 的快捷方式

var app = new Vue({

el: #app,

data: {

title: itle content

}

});

某些框架如 Ember.js 支持在 html 属性上面使

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。