vue.js_tutorial/session6.js at master · nakatievent/vue.js_tutorial · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
var app = new Vue ({
  el: "#app",
  data: {
    message: "Hello,Vue.js"
  },
  computed: {
    reversedMessage: function() {
      return this.message.split('').reverse().join('')
    }
  },
  methods: {
    reversedMessageMethod: function() {
      return this.message.split('').reverse().join('')
    }
  }
})

var app2 = new Vue ({
  el: "#app2",
  data: {
    basePrice: 100
  },
  computed: {
    taxIncludedPrice: {
      get :function() {
        return parseInt(this.basePrice * 1.08)
      },
      set: function(taxIncludedPrice) {
        this.basePrice = Math.ceil(taxIncludedPrice / 1.08)
      }
    }
  }
})

var app3 = new Vue ({
  el: "#app3",
  computed: {
    computedNumber: function() {
      return Math.random()
    }
  },
  methods: {
    methodsNumber: function() {
      return Math.random()
    }
  }
})