標(biāo)簽(空格分隔): JavaScript框架
兼容性說明:
Vue.js 不支持 IE8 及其以下版本胯陋,因為 Vue.js 使用了 IE8 不能模擬的 ECMAScript 5 特性。 Vue.js
支持所有兼容 ECMAScript 5 的瀏覽器糕档。
一熬的、安裝
1.獨立版本CDN
直接下載并用 <script> 標(biāo)簽引入痊硕,Vue 會被注冊為一個全局變量。
開發(fā)版本
生產(chǎn)版本
注意:
2.NPM
$ npm install vue
3.命令行工具
Vue.js 提供一個官方命令行工具vue-cli押框,可用于快速搭建大型單頁應(yīng)用岔绸。可快速創(chuàng)建并啟動一個帶熱重載、保存時靜態(tài)檢查以及可用于生產(chǎn)環(huán)境的構(gòu)建配置的項目:
#全局安裝 vue-cli
$ npm install --global vue-cli
# 創(chuàng)建一個基于 webpack 模板的新項目
$ vue init webpack my-project
# 安裝依賴盒揉,走你
$ cd my-project
$ npm install
$ npm run dev
二晋被、Vue實例
1.構(gòu)造器
每個 Vue.js 應(yīng)用都是通過構(gòu)造函數(shù) Vue 創(chuàng)建一個 Vue 的根實例 啟動的:
var vm = new Vue({
// 選項
})
實例化 Vue 時,需要傳入一個選項對象刚盈,它可以包含數(shù)據(jù)羡洛、模板、掛載元素藕漱、方法欲侮、生命周期鉤子等選項。
2.屬性與方法
API 參考
3.實例生命周期
每個 Vue 實例在被創(chuàng)建之前都要經(jīng)過一系列的初始化過程肋联。在這個過程中锈麸,實例也會調(diào)用一些 生命周期鉤子,這就給我們提供了執(zhí)行自定義邏輯的機會牺蹄。例如忘伞,created 這個鉤子在實例被創(chuàng)建之后被調(diào)用:
var vm = new Vue({
data: {
a: 1
},
created: function () {
// `this` 指向 vm 實例
console.log('a is: ' + this.a)
}
})
// -> "a is: 1"