Vue.js基礎

Vue.js是什麼？

　　Vue.js（讀音 /vjuː/，相似於 view） 是一套構建用戶界面的漸進式框架。與其餘重量級框架不一樣的是，Vue 採用自底向上增量開發的設計。Vue 的核心庫只關注視圖層，它不只易於上手，還便於與第三方庫或既有項目整合。另外一方面，當與單文件組件和 Vue生態系統支持的庫結合使用時，Vue 也徹底可以爲複雜的單頁應用程序提供驅動。html

特色：

　　一、簡潔：HTML模j板 + json數據 + Vue實例

　　二、數據驅動：自動追蹤以來的模板表達式和機選屬性

　　三、組件化：用可解耦，可複用的組件來構造世界

　　四、輕量：精確有效的異步批量Dom更新

　　五、模塊友好：經過npm或bower安裝，無縫融入你的工做流。

兼容性：

　　Vue.js不支持IE8如下的版本，Vue.js使用了IE8不支持的AScript5特性。

 

接下來講一些基礎知識：

一、全局配置

　　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 + 1
3 }
4 const Profile = Vue.extend({
5   _my_option: 1
6 })
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 error
3   // `info` 是 Vue 特定的錯誤信息，好比錯誤所在的生命週期鉤子
4   // 只在 2.2.0+ 可用
5 }

 

 

暫時些到這裏啦。。