原创 Vue | 31 規模化 - 服務端渲染

完整的服務端渲染指南 我們爲在服務端渲染Vue應用創建了一個完整的指導。對於那些已經熟悉Vue客戶端開發、服務端Node.js開發和webpack的人來說,很適合閱讀這份更深入的指南。請移步ssr.vuejs.org。 Nuxt.js

原创 28 | 工具 - 產品部署

主要內容: 打開生產模式的幾種配置方式 預編譯模板 提取組件CSS的方式 追蹤運行時錯誤 如果你使用Vue CLI以下大部分建議是默認可用的。如果你使用的是自定義的構建設置時,這章纔是相關的。 打開生產模式 在開發階段,V

原创 27 | 工具 - TypeScript 支持

主要內容: JavaScript在官方的聲明及推薦配置 創建工程及編碼的開發工具推薦 基本用例演示 基於類風格的Vue組件 插件使用中的參數類型 註釋返回類型 Vue CLI提供了構建 TypeScript工具支持。在Vue

原创 26 | 工具 - 單元測試

主要內容: 簡單的斷言 寫可測試的組件 斷言的異步更新 Vue CLI已經爲單元測試構建了操作項,使用Jest或Mocha開箱即用。我們也提供了官方的單元測試庫Vue Test Utils,爲自定義配置提供了更爲細節的指導。

原创 25 | 工具 - 單文件組件

內容提要: 單文件組件的意義 關於新手和高級用戶如何使用單文件組件的建議 介紹 在一些Vue項目中,全局組件將使用Vue.component定義,而後通過new Vue({ el: '#container' })在頁面內找到一

原创 24 | 可用性&組合 - 過濾器

Vue.js允許你去定義過濾器,可用於一些常見的文本格式化。過濾器在兩個地方可以使用:雙花括號插值和v-bind 表達式(在2.1.0+被支持)。過濾器應該被加到JavaScript表達式的末尾,由管道符號表示: <!-- 在雙花括號

原创 23 | 可用性&組合 - 插件

內容提要: 使用一個插件 如何寫一個插件 插件常常爲Vue添加全局級功能。插件沒有嚴格定義的作用域 - 通常有幾種類型的插件: 添加一些全局的方法或屬性。例如: vue-custom-element 添加一個或多個全局資源:

原创 Vue | 22 可複用性&組合-渲染函數 & JSX

內容提要: 渲染函數基本用法 節點、樹和虛擬DOM createElement參數詳解 使用普通的JavaScript代替模板特性 JSX插件介紹 函數式組件的用法:傳遞屬性和事件給子元素或子組件,slots() vs child

原创 Vue | 21 可複用性&混合-自定義指令

內容提要: 自定義指令基本用法介紹 自定義指令內部包含哪些鉤子函數 指令鉤子內部傳遞哪些元素值 自定義指令函數的縮略寫法用例 在JavaScript對象中傳遞多個字面值 介紹 除了在覈心附帶的默認的指令集合(v-model和v

原创 Vue | 20 可複用性&組合-混入

內容提要: 基礎的混入方式 操作項的合併 全局的混入方式 自定義操作項合併策略 混入是一種非常靈活的分發Vue組件中可複用的功能模塊的方式。一個混入對象能包含任何組件操作項。當一個組件使用一個混入對象的時候,在混入對象的所有操

原创 Vue | 19 過渡&動畫-狀態過渡

內容提要: 動畫的狀態與監聽器 動態狀態過渡 在組件內組織過渡 爲設計賦予生命 Vue的過渡系統提供了許多簡單的方式去實現動畫的進入、離開和列表的動效。但是怎麼樣對你的數據本身進行動畫處理呢?例如: 數字和計算 顏色顯示 可

原创 Vue | 18 過渡&動畫-進入/離開&列表過渡

內容提要: 單個元素或組件的過渡: 過渡類、CSS過渡、CSS動畫、自定義過渡類、動畫和過渡在一起使用、聲明過渡持續時間、JavaScript鉤子 初始渲染的過渡 元素間的過渡 組件間的過渡 列表的過渡:列表進入/離開過渡,列表項

原创 Vue | 17 組件深入-處理邊界情況

內容提要: 元素和組件的訪問:根實例、父組件實例、子組件實例和子元素的訪問方式以及依賴注入 程式化事件監聽器 循環應用的產出原因及解決方式 使用inline Templates、X-Templates替代模板定義 數據更新的控制:

原创 Vue | 14 組件深入-自定義事件

內容提要: 事件名稱命名注意事項 自定義組件v-model的不同用法 爲組件綁定本地事件 .sync修飾符的用法 這頁假定你已經閱讀了組件基礎Components Basics,如果你是組件新手請先閱讀它。 事件名稱 不像

原创 Vue | 13 組件深入-Props

內容提要: Prop的大小寫與類型 傳遞動態和靜態的Props 單向數據流 Prop的驗證 非Prop屬性 這頁假設你已經讀了Components Basics,如果你不瞭解組件首先讀它。 Prop大小寫(cameCase