Vue學習之路（一）

實例對象Vue

前面的nodeJs安裝以及npm安裝vue-cli和webpack就不作解釋了，可以參考網上其他的網站以及相關博客進行學習。

var my = new Vue({
    el: '#app',//裝載對象的位置
    template: '<div>這裏是一段文字</div>',//使用的渲染模板
    data: {//這是我們需要的數據
        fruit: 'apple'
    };
//可以通過my.fruit得到 ‘apple’字符串
});

1.這是所需的結構圖

2.通過import引入Vue，然後寫下我們剛剛學習Vue的實例對象

3.最後再頁面的展示是這樣子的