什么是組件? 組件(Component)是 Vue.js 最強大的功能之一。組件可以擴展 HTML 元素,封裝可重用的代碼。在較高層面上,組件是自定義元素, Vue.js 的編譯器為它添加特殊功能。在有些情況下,組件也可以是原生 HTML 元素的形式,以 is 特性擴展。 使用組件 注冊 ...
開發插件 插件通常會為Vue添加全局功能。插件的范圍沒有限制 一般有下面幾種: 添加全局方法或者屬性,如:vue element 添加全局資源:指令 過濾器 過渡等,如vue touch 通過全局 mixin方法添加一些組件選項,如:vuex 添加 Vue 實例方法,通過把它們添加到 Vue.prototype 上實現。 一個庫,提供自己的 API,同時提供上面提到的一個或多個功能,如vue ro ...
2016-11-18 10:57 1 5596 推薦指數:
什么是組件? 組件(Component)是 Vue.js 最強大的功能之一。組件可以擴展 HTML 元素,封裝可重用的代碼。在較高層面上,組件是自定義元素, Vue.js 的編譯器為它添加特殊功能。在有些情況下,組件也可以是原生 HTML 元素的形式,以 is 特性擴展。 使用組件 注冊 ...
Vue.js 使用了基於 HTML 的模版語法,允許開發者聲明式地將 DOM 綁定至底層 Vue 實例的數據。所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循規范的瀏覽器和 HTML 解析器解析。 在底層的實現上, Vue 將模板編譯成虛擬 DOM 渲染函數。結合響應系統,在應用 ...
計算屬性 在模板中綁定表達式是非常便利的,但是它們實際上只用於簡單的操作。在模板中放入太多的邏輯會讓模板過重且難以維護。例如: 在這種情況下,模板不再簡單和清晰。在實現反向顯示 me ...
v-for 我們用 v-for 指令根據一組數組的選項列表進行渲染。 v-for 指令需要以item in items 形式的特殊語法, items 是源數據數組並且 item 是數組元素迭代的別名 ...
介紹 在很多Vue項目中,我們使用 Vue.component 來定義全局組件,緊接着用new Vue({ el: '#container '}) 在每個頁面內指定一個容器元素。 這種方案在只是使用 JavaScript 增強某個視圖的中小型項目中表現得很好。然而在更復雜的項目中,或者當你 ...
刪除警告 為了減少文件大小,Vue 精簡獨立版本已經刪除了所有警告,但是當你使用 Webpack 或 Browserify 等工具時,你需要一些額外的配置實現這點。 Webpack 使用 Webpack 的 DefinePlugin 來指定生產環境,以便在壓縮時可以讓 UglifyJS 自動 ...
大部分的基礎內容我們已經講到了,現在講點底層內容。Vue 最顯著的一個功能是響應系統 —— 模型只是普通對象,修改它則更新視圖。這會讓狀態管理變得非常簡單且直觀,不過理解它的原理以避免一些常見的陷阱也是很重要的。在本節中,我們將開始深挖 Vue 響應系統的底層細節。 如何追蹤變化 把一個普通 ...
簡介 除了默認設置的核心指令( v-model 和 v-show ),Vue 也允許注冊自定義指令。注意,在 Vue2.0 里面,代碼復用的主要形式和抽象是組件——然而,有的情況下,你仍然需要對純 DOM 元素進行底層操作,這時候就會用到自定義指令。下面這個例子將聚焦一個 input 元素 ...