1.在vue中編寫代碼的方式和HTML比較類似，總體上就是3部分：

1）template：與HTML中的body一樣編寫需要展現(xiàn)的內(nèi)容；

2）script：HTML常用javascript，；

3）style：與HTML中的style基本是一樣的。

項目結(jié)構(gòu)如圖：

var [變量名] = 值 ? ?//變量

export default{ ? ?//模塊

name:'Percentage',

props:{}, ? ? ?//props是子組件訪問父組件數(shù)據(jù)的唯一接口

data(){ ? ? ? ? ?return {} ? ?}, ? ? ? ? ? ? //存儲數(shù)據(jù)的函數(shù)

mounted(){}, ? //鉤子函數(shù)，html加載完成后執(zhí)行,執(zhí)行順序：子組件-父組件 ? computed:{}, ? //計算屬性，也就是依賴其它的屬性計算所得出最后的值

watch:{}, ? ? ?//監(jiān)聽屬性，監(jiān)聽一個值的變化，然后執(zhí)行相對應(yīng)的函數(shù)

methods:{}, ? ?//事件方法執(zhí)行 } </script>

2.項目打包

npm run build

執(zhí)行后在項目根目錄下生成dist目錄