真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

重慶分公司 重慶分公司

• 網(wǎng)站建設(shè)
• 網(wǎng)站制作
• 網(wǎng)站營(yíng)銷
• 小程序
• 新聞動(dòng)態(tài)
• 成功案例
• 關(guān)于我們
028-86922220

• 網(wǎng)站建設(shè)
• 網(wǎng)站制作
• 網(wǎng)站營(yíng)銷
• 小程序
• 新聞動(dòng)態(tài)
• 成功案例
• 關(guān)于我們

  
  
{{ message }}

var app = new Vue({
  el: '#app',
  data: {
    message: ''
  }
})

  Vue.js

var app = new Vue({
  el: '#app',
  data: {
    url: 'https://vuejs.org/'
  }
})

  {{ count }}

var app = new Vue({
  el: '#app',
  data: {
    count: 0
  },
  methods: {
    increment: function () {
      this.count++
    }
  }
})

使用計(jì)算屬性獲取值

在Vue中，我們還可以使用計(jì)算屬性來獲取值。計(jì)算屬性是一種具有緩存機(jī)制的屬性，它的值基于對(duì)其他數(shù)據(jù)的計(jì)算而來。當(dāng)它所依賴的數(shù)據(jù)發(fā)生變化時(shí)，它會(huì)自動(dòng)重新計(jì)算。

計(jì)算屬性的基本用法

例如，在下面的代碼中，我們聲明了一個(gè)名為reversedMessage的計(jì)算屬性，它的值是data對(duì)象中的message屬性的字符串反轉(zhuǎn)：

  
  
{{ reversedMessage }}

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  },
  computed: {
    reversedMessage: function () {
      return this.message.split('').reverse().join('')
    }
  }
})

計(jì)算屬性的get和set方法

除了可以通過get方法來定義計(jì)算屬性的值之外，我們還可以通過set方法來定義計(jì)算屬性的值。例如，在下面的代碼中，我們聲明了一個(gè)名為fullName的計(jì)算屬性，它的值是data對(duì)象中的firstName和lastName屬性的拼接。當(dāng)我們修改fullName的值時(shí)，Vue會(huì)自動(dòng)調(diào)用set方法，從而同時(shí)更新data對(duì)象中的firstName和lastName屬性：

  
  
  
{{ fullName }}

var app = new Vue({
  el: '#app',
  data: {
    firstName: 'John',
    lastName: 'Doe'
  },
  computed: {
    fullName: {
      get: function () {
        return this.firstName + ' ' + this.lastName
      },
      set: function (newValue) {
        var names = newValue.split(' ')
        this.firstName = names[0]
        this.lastName = names[names.length - 1]
      }
    }
  }
})

關(guān)于“vue如何獲取值”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對(duì)“vue如何獲取值”知識(shí)都有一定的了解，大家如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。