Vue.js基礎
Vue.js是什麼?
Vue.js(讀音 /vju?/,類似於 view) 是一套構建用戶界面的漸進式框架。與其他重量級框架不同的是,Vue 採用自底向上增量開發的設計。Vue 的核心庫只關注視圖層,它不僅易於上手,還便於與第三方庫或既有項目整合。另一方面,當與單文件組件和 Vue生態系統支持的庫結合使用時,Vue 也完全能夠為複雜的單頁應用程序提供驅動。html
特點:
1、簡潔:HTML模j板 + json數據 + Vue實例
2、數據驅動:自動追蹤以來的模板表達式和機選屬性
3、組件化:用可解耦,可復用的組件來構造世界
4、輕量:精確有效的非同步批量Dom更新
5、模塊友好:通過npm或bower安裝,無縫融入你的工作流。
兼容性:
Vue.js不支持IE8以下的版本,Vue.js使用了IE8不支持的AScript5特性。
接下來說一些基礎知識:
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 + 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 }
暫時寫到這裡啦。。
※當年懟《魔獸世界》的那波家長們,現在又來清算《王者榮耀》了?
※中公優就業河北交通職業技術學院Java實驗微課堂取得圓滿成功!
※Docker 的兩類存儲資源-每天5分鐘玩轉 Docker 容器技術
※ASP.NET Core 四種釋放 IDisposable 對象的方法
TAG:IT優就業 |
※Per.js速度對比Vue.js
※Angular和Vue.js 深度對比
※Vue.js最佳實踐(五招讓你成為Vue.js大師)
※Vue.js 入門
※教你使用Vue.js的DevTools來調試你的vue項目
※Vue+VueRouter+elememntUI+axios 搭建後台管理系統
※GitHub趨勢:Vue.js大有超過TensorFlow之勢!
※基於vue2.0 +vuex+ element-ui後台管理系統:本地調試詳細步驟
※.NET Core + Vue.js動態許可權(RBAC)管理系統框架「DncZeus」開源了
※Angular、React 當前,Vue.js 優劣幾何?
※Vue.js 為何能逆襲 Angular 和 React 而主導前端?
※Vue: scoped 樣式與 CSS Module 對比
※總結:iview(基於vue.js的開源ui組件)學習的一些坑
※Vue-SSR之Nuxt.js 在斗米 B 端實戰
※少女歌劇Revue Starlight-ReLIVE特別舞台
※Vue中的methods、watch、computed的區別
※前後端分離「vue + .netcore 補程」之基於Vuex的許可權驗證探究
※「少女歌劇Revue Starlight-ReLIVE」特別舞台報道
※Vue.js路由:route/router,重定向/別名,導航守衛,路由元信息等
※手把手教Vue-路由「Vue-rouer」