Vue 数据和方法、属性绑定

一.数据和方法

1. methods属性用来存放各种方法

2. 调用方法时,书写形式也是{{xxx方法()}},与属性数据的不同之处在于,多了括号,可用于传参

3. 在vue实例对象内部,如果想调用之前定义的属性数据,可以直接使用“this.属性名”

Vue 数据和方法、属性绑定_第1张图片

Vue 数据和方法、属性绑定_第2张图片

二.属性绑定

1. data-binding:给属性绑对应的值

2. v-bind:将vue实例对象中的data中的某个属性数据,绑定到根元素内某个元素的属性上,要在属性名前面加上v-bind:。不然,无法绑定实际的数据。

3. v-html:如果某属性数据为标签字符串,想直接绑定标签。需要,先在html中建立一个标签(eg:p标签),在p标签中附加属性,v-html

Vue 数据和方法、属性绑定_第3张图片

Vue 数据和方法、属性绑定_第4张图片

你可能感兴趣的:(Vue 数据和方法、属性绑定)