開發插件 插件通常會為Vue添加全局功能。插件的范圍沒有限制——一般有下面幾種: 添加全局方法或者屬性,如: vue-element 添加全局資源:指令/過濾器/過渡等,如 vue-touch 通過全局 mixin方法添加一些組件選項,如: vuex 添加 ...
簡介 除了默認設置的核心指令 v model和v show ,Vue 也允許注冊自定義指令。注意,在 Vue . 里面,代碼復用的主要形式和抽象是組件 然而,有的情況下,你仍然需要對純 DOM 元素進行底層操作,這時候就會用到自定義指令。下面這個例子將聚焦一個 input 元素,像這樣: 當頁面加載時,元素將獲得焦點。事實上,你訪問后還沒點擊任何內容,input 就獲得了焦點。現在讓我們完善這個指 ...
2016-11-18 10:53 1 6063 推薦指數:
開發插件 插件通常會為Vue添加全局功能。插件的范圍沒有限制——一般有下面幾種: 添加全局方法或者屬性,如: vue-element 添加全局資源:指令/過濾器/過渡等,如 vue-touch 通過全局 mixin方法添加一些組件選項,如: vuex 添加 ...
什么是組件? 組件(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 是數組元素迭代的別名。 基本用法 結果: Foo Bar ...
介紹 在很多Vue項目中,我們使用 Vue.component 來定義全局組件,緊接着用new Vue({ el: '#container '}) 在每個頁面內指定一個容器元素。 這種方案在只是使用 JavaScript 增強某個視圖的中小型項目中表現得很好。然而在更復雜的項目中,或者當你 ...
刪除警告 為了減少文件大小,Vue 精簡獨立版本已經刪除了所有警告,但是當你使用 Webpack 或 Browserify 等工具時,你需要一些額外的配置實現這點。 Webpack 使用 Webpack 的 DefinePlugin 來指定生產環境,以便在壓縮時可以讓 UglifyJS 自動 ...
大部分的基礎內容我們已經講到了,現在講點底層內容。Vue 最顯著的一個功能是響應系統 —— 模型只是普通對象,修改它則更新視圖。這會讓狀態管理變得非常簡單且直觀,不過理解它的原理以避免一些常見的陷阱也是很重要的。在本節中,我們將開始深挖 Vue 響應系統的底層細節。 如何追蹤變化 把一個普通 ...