關於chromevuejs的信息

本文目錄一覽：

• 1、怎麼安裝VUE的官方插件,vue-devtools。在控制台直接追蹤查看vue的變化
• 2、vue.js devtools 怎麼使用 chrome
• 3、前端Vue.js框架是什麼？

怎麼安裝VUE的官方插件,vue-devtools。在控制台直接追蹤查看vue的變化

安裝VUE的方法有兩種：

第一種方法：需正常打開chrome商店，搜索vuejs devtools 安裝。chrome://extensions/ 開發者工具-擴展程序下啟用；

第二種方法：github下載插件，npm包安裝依賴，拖入瀏覽器擴展程序。具體操作如下：

1、下載chrome擴展插件。在github上下載壓縮包並解壓到本地。

2、npm install下載完成後打開命令行cmd進入vue-devtools-master文件夾。

3、 打開shellschromemanifest.json並把json文件里的persistent：false改成true。

4、擴展chrome插件。打開chrome瀏覽器，打開更多工具擴展程序；再點擊載入已解壓的擴展程序，然後把shellschrome文件夾放入。

5、測試安裝成功。在插件的目錄下執行npm run dev，這個時候的插件就可以運行了。

vue.js devtools 怎麼使用 chrome

devtools 是chrome的插件,安裝上,然後你調試你的vue項目就會自動調用這個插件了

前端Vue.js框架是什麼？

前端Vue.js框架是什麼？有哪些特點？Vue.js是一個前端框架，用於構建用戶界面的漸進式框架。在Vue中一個核心的概念是讓用戶不再操作DOM元素解放了用戶的雙手，讓程序員可以更多的時間去關注業務邏輯，Vue框架能夠提高開發的效率。

科普時刻 ：

黑馬程序員vue前端基礎教程-4個小時帶你快速入門vue

前端開發利器vue，微信小程序快速開發實戰

web前端基礎必備教程-2小時玩轉Vue單元測試

黑馬程序員Vue2.0+Vue3.0入門到精通，大廠前端崗位必備技能

1、Vue.js是什麼？

Vue是一個js庫，且無依賴別的js庫跟jquery差不多。Vue核心庫只關注視圖層，非常容易與其它庫或已有項目整合。Vue.js是一個輕巧、高性能、可組件化的MVVM庫，同時擁有非常容易上手的API。

Vue.是一套用於構建用戶界面的漸進式框架。與其它大型框架不同的是Vue 被設計為可以自底向上逐層應用。Vue的核心庫只關注視圖層，不僅易於上手，還便於與第三方庫或既有項目整合。另一方面當與現代化的工具鏈以及各種支持類庫結合使用時，Vue 也完全能夠為複雜的單頁應用提供驅動。

2、Vue的MVVM設計模式是什麼？

如果了解前端一定知道MVVM和MVC這兩種設計模式，且很有可能對mvp也有一些了解。MVC即model，view，control，jQuery就是採用的這種設計模式。MVVM即model，view，viewmodel，是數據驅動模式，即所有的一切通過操作數據來進行而盡量避免操作DOM樹。

不關注DOM結構，考慮數據該如何儲存，用戶的操作在view通過viewmodel進行數據處理，分情況是否通過ajax與model層進行交互，再返回到view層，在這個過程中view和viewmodel的數據雙向綁定使得我們完全的擺脫了對DOM的繁瑣操作，而是專心於對用戶的操作進行處理，避免MVC中control層過厚的問題。

在vue調試方面可以選擇安裝chrome插件vue Devtools。打開vue項目，在console控制台選擇vue面板。在Devtools對象中，可以選擇組件，查看對應組件內的數據信息。也可以選擇Vuex選項，查看該項目內Vuex的狀況變數信息。

3、Vue.js有哪些優點？

聲明式，響應式的數據綁定；組件化的開發；Virtual DOM；響應式的數據綁定

（1）jQuery首先獲取到DOM對象，然後對DOM對象進行進行值的修改等操作；

（2）Vue首先把值和js對象進行綁定，然後修改js對象值，Vue框架會自動把DOM的值就行更新；

（3）簡單理解為Vue幫我們做了DOM操作，以後用Vue就需要修改對象的值和做好元素和對象的綁定，Vue框架會自動做好DOM相關操作；

（4）DOM元素跟隨JS對象值的變化而變化叫做單向數據綁定，若JS對象的值也跟隨著DOM元素。

4、需要學習哪些Vue.js框架相關知識點？

Vue.js 安裝、Vue.js 目錄結構、Vue.js 起步、Vue.js 模板語法、Vue.js 條件語句、Vue.js 循環語句、Vue.js 計算屬性、Vue.js 監聽屬性、Vue.js 樣式綁定、Vue.js 事件處理器、Vue.js 表單、Vue.js 組件、Vue.js 組件自定義事件、Vue.js 自定義指令、Vue.js 路由、Vue.js 過渡 動畫、Vue.js 混入、Vue.js Ajax(axios)、Vue.js Ajax(vue-resource)、Vue.js 響應介面、Vue.js 實例等。

Vue.js 是一個JavaScriptMVVM庫，一套構建用戶界面的漸進式框架。以數據驅動和組件化的思惟構建的，採取自底向上增量開闢的設計。比擬於Angular.js，Vue.js供給了加倍簡潔、更易於懂得的API，使得我們快速地上手並應用Vue.js。