Vue.js(發音 /vjuː/,類似 view) 是一套建構使用者介面的漸進式框架。與其他重量級框架不同的是,Vue 採用自底向上增量開發的設計。 Vue 的核心函式庫只專注於視圖層,它不僅易於上手,還便於與第三方函式庫或既有專案整合。另一方面,當與單一檔案元件和 Vue 生態系統支援的程式庫結合使用時,Vue 也完全能夠為複雜的單頁應用程式提供驅動程式。
如果你是有經驗的前端開發者,想知道 Vue.js 與其它庫/框架的區別,請查看對比其它框架。
特點:
1、簡潔:HTML模j板+ json資料+ Vue實例
2、資料驅動:自動追蹤以來的模板表達式與機選屬性
3、元件化:用可解耦,可重複使用的元件來建構世界
4、輕量:精確有效的非同步批次Dom更新
5、模組友善:透過npm或bower安裝,無縫融入你的工作流程。
相容性:
Vue.js不支援IE8以下的版本,Vue.js使用了IE8不支援的AScript5特性。
宣告式渲染
Vue.js 的核心是一個允許採用簡潔的範本語法來宣告式的將資料渲染進DOM:
<
div id="app">{{ message }}</div> var app = new Vue({el: '#app',data: {message: 'Hello Vue!'}})
接下來說一些基礎:
1、全域配置
Vue.config 是一個對象,包含Vue的全域配置,可以再啟動應用之前修改下列屬性。
#slient
型別:boolean
預設值:false
用法:
Vue.config. .slient = true;
取消Vue所有的日誌與警告
#optionMergeStrategies
類型:{[key:string]:Function}
預設值:{}
用法:
1 Vue.config.optionMergeStrategies._my_option = function (parent, child, vm) {2 return child + 13 }4 const Profile = Vue.extend({5 _my_option: 16 })7 // Profile.options._my_option = 2
# 自訂合併策略的選項。
合併策略選項分別接受第一個參數為父實例,第二個參數為子實例,Vue實例上下文被作為第三個參數傳入。
類型: boolean
預設值: true
(生產版為 false
)
#用法:
#設定是否允許 vue-devtools 檢查程式碼。開發版本預設為 true
,生產版本預設為 false
。生產版本設為 true
可以啟用檢查
##errorHandel
類型:function
預設值:undefind
用法:
1 Vue.config.errorHandler = function (err, vm, info) {2 // handle error3 // `info` 是 Vue 特定的错误信息,比如错误所在的生命周期钩子4 // 只在 2.2.0+ 可用5 }
以上是詳解自己對Vue.js的理解的詳細內容。更多資訊請關注PHP中文網其他相關文章!