當前位置:
首頁 > 知識 > Vue.js基礎

Vue.js基礎


Vue.js是什麼?

Vue.js(讀音 /vju?/,類似於 view) 是一套構建用戶界面的漸進式框架。與其他重量級框架不同的是,Vue 採用自底向上增量開發的設計。Vue 的核心庫只關注視圖層,它不僅易於上手,還便於與第三方庫或既有項目整合。另一方面,當與單文件組件和 Vue生態系統支持的庫結合使用時,Vue 也完全能夠為複雜的單頁應用程序提供驅動。html

Vue.js基礎

特點:

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 }

暫時寫到這裡啦。。

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 IT優就業 的精彩文章:

當年懟《魔獸世界》的那波家長們,現在又來清算《王者榮耀》了?
中公優就業河北交通職業技術學院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」