鍍金池/ 教程/ HTML/ 安裝
自定義過濾器
自定義指令
概述
安裝
起步
深入響應式原理
Class 與 Style 綁定
混合
列表渲染
方法與事件處理器
表單控件綁定
對比其它框架
組件
計算屬性
插件
數(shù)據(jù)綁定語法
構建大型應用
條件渲染
Vue 實例
過渡

安裝

兼容性提示: Vue.js 不支持 IE8 及其以下版本。

獨立版本

直接下載并用 <script> 標簽引入,Vue 會被注冊為一個全局變量。重要提示:在開發(fā)時請用開發(fā)版本,遇到常見錯誤它會給出友好的警告。

開發(fā)版本包含完整的警告和調試模式 生產版本刪除了警告,{{gz_size}}kb min+gzip

CDN

可以從 jsdelivr 或 cdnjs 獲?。ò姹靖驴赡苈詼螅?/p>

CSP 兼容版本

有些環(huán)境,如 Google Chrome Apps,強制應用內容安全策略 (CSP) ,不能使用 new Function() 對表達式求值。這時可以用 CSP 兼容版本。

NPM

在用 Vue.js 構建大型應用時推薦使用 NPM 安裝,NPM 能很好地和諸如 WebpackBrowserify 的 CommonJS 模塊打包器配合使用。Vue.js 也提供配套工具來開發(fā)單文件組件。

# 最新穩(wěn)定版本
$ npm install vue
# 最新穩(wěn)定 CSP 兼容版本
$ npm install vue@csp

命令行工具

Vue.js 提供一個官方命令行工具,可用于快速搭建大型單頁應用。該工具提供開箱即用的構建工具配置,帶來現(xiàn)代化的前端開發(fā)流程。只需一分鐘即可啟動帶熱重載、保存時靜態(tài)檢查以及可用于生產環(huán)境的構建配置的項目:

# 全局安裝 vue-cli
$ npm install -g vue-cli
# 創(chuàng)建一個基于 "webpack" 模板的新項目
$ vue init webpack my-project
# 安裝依賴,走你
$ cd my-project
$ npm install
$ npm run dev

開發(fā)版本

重要:發(fā)布到 NPM 上的 CommonJS 包 (vue.common.js) 沒有簽入源碼,因此要使用 GitHub 上最新的源碼,自己編譯:

git clone https://github.com/vuejs/vue.git node_modules/vue
cd node_modules/vue
npm install
npm run build

Bower

# 最新穩(wěn)定版本
$ bower install vue

AMD 模塊加載器

獨立版本或通過 Bower 安裝的版本已用 UMD 包裝,因此它們可以直接用作 AMD 模塊。

上一篇:Vue 實例下一篇:自定義過濾器