Slide 23
Slide 23 text
フロントエンド技術
例 Vew.js の動的コンポーネントの活用
var vm = new Vue({
el: '#area',
data: {
selected: '',
fluits:[
{ id: 0, name: 'null',price: 0},
{ id: 1, name: 'りんご',price: 100},
{ id: 2, name: 'みかん',price: 200},
{ id: 3, name: 'バナナ',price: 300}
],
price: 0,
i: 1
},
computed: {
gatPrice: function() {
return this.fluits[this.i].price
}
},
methods: {
getIndex: function() {
this.i = this.selected
},
}
});
サーバ側のデータとの非同期
の連携も開発しやすい。