锐客网

  1. 首页 > it技术 > >

Vue|Vue 数据和方法、属性绑定

一.数据和方法 1. methods属性用来存放各种方法 2. 调用方法时，书写形式也是{{xxx方法()}}，与属性数据的不同之处在于，多了括号，可用于传参 3. 在vue实例对象内部，如果想调用之前定义的属性数据，可以直接使用“this.属性名”

Vue|Vue 数据和方法、属性绑定
文章图片

Vue|Vue 数据和方法、属性绑定
文章图片
二.属性绑定 1. data-binding:给属性绑对应的值 2. v-bind:将vue实例对象中的data中的某个属性数据，绑定到根元素内某个元素的属性上，要在属性名前面加上v-bind:。不然，无法绑定实际的数据。 3. v-html:如果某属性数据为标签字符串，想直接绑定标签。需要，先在html中建立一个标签（eg:p标签），在p标签中附加属性，v-html
Vue|Vue 数据和方法、属性绑定
文章图片

Vue|Vue 数据和方法、属性绑定
文章图片

    推荐阅读


    上一篇：一个没有孩子的“孩子王”的前半生（我出生了）

    下一篇：三场讲座