詳解自己對Vue.js的理解

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: &#39;#app&#39;,data: {message: &#39;Hello Vue!&#39;}})

 

接下來說一些基礎：

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實例上下文被作為第三個參數傳入。

   #devtools

• 類型： boolean

• 預設值： true (生產版為 false)

• #用法：　　

  // 務必在載入Vue 之後，立即同步設定下列內容
  Vue.config.devtools = true

  #設定是否允許 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中文網其他相關文章！