首頁 > web前端 > js教程 > 主體

詳解自己對Vue.js的理解

零下一度
發布: 2017-07-19 17:28:17
原創
2293 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板