1. 程式人生 > >vue.js學習(-)簡介

vue.js學習(-)簡介

Webpack打包功能:將需要的資原始檔(單頁)打包,一起請求,減少請求握手次數;
轉換ECMAScript6式的新JavaScript為舊瀏覽器所用;載入外掛;轉資原始檔給單頁使用;
轉換預處理給瀏覽器用;Webpack不止這點功能,它可以安裝外掛擴充套件功能,
如,css3安裝高版本瀏覽器核心以支援舊瀏覽器,熱載入技術,修改程式碼後自動F5重新整理,
自動給外掛添加註釋等。
Node.js,為js提供服務端環境,使純js也可以開發應用。NPM node package manager,Node.js的包管理器,管理依賴等。

vue.js簡單例項,如v-on 繫結按鈕點選事件 :<div id = 'app'>

<p>{{message}}</p>

<button v-on:click="reverseMessage">小按鈕</button>

</div>

var app = new Vue(){

el:'#app',

//定義資料

data:{

message:'OX ox'

},

//定義函式

methods:{

reverseMessage : function (){

this.message = this.messge.split('').reverse.join('');

}

}

}