1.MVVM和MVC的區(qū)別：
MVVM：是Model-View-ViewModel的簡寫，即模型-視圖-視圖模型
模型：后端傳遞的數(shù)據(jù)
試圖：所看到的頁面
視圖模型：mvvm模式的核心，它是連接view和model的橋梁。
兩個實現(xiàn)方向：
1）模型===》視圖：后端傳遞的數(shù)據(jù)轉化成所看到的頁面，實現(xiàn)方式（數(shù)據(jù)綁定）
2）視圖===》模型：即將所看到的頁面轉化成后端的數(shù)據(jù)，實現(xiàn)的方式是（DOM 事件監(jiān)聽）
MVC:MVC是Model-View-Controller的簡寫，即模型-視圖-控制器
controller指的是頁面業(yè)務邏輯，使用MVC的目的就是將M和V代碼分離

使用MVVM模式有幾大好處：
　 1）. 低耦合。View可以獨立于Model變化和修改，一個ViewModel可以綁定到不同的View上，當View變化的時候Model可以不變，當Model變化的時候View也可以不變。
　　2）. 可重用性。可以把一些視圖的邏輯放在ViewModel里面，讓很多View重用這段視圖邏輯。
　　3）. 獨立開發(fā)。開發(fā)人員可以專注與業(yè)務邏輯和數(shù)據(jù)的開發(fā)(ViewModel)。設計人員可以專注于界面(View)的設計。
　　4）. 可測試性。可以針對ViewModel來對界面(View)進行測試

2.vue的生命周期
八個：創(chuàng)建前、創(chuàng)建后、載入前、載入后、更新前、更新后、銷毀前、銷毀后
生命周期的作用：讓我們在控制整個Vue實例的過程時更容易形成好的邏輯
DOM 渲染在 載入后（mounted） 中就已經(jīng)完成了。

3.vue實現(xiàn)雙向綁定原理
vue實現(xiàn)數(shù)據(jù)雙向綁定主要是：采用數(shù)據(jù)劫持結合發(fā)布者-訂閱者模式的方式，通過Object.defineProperty（）
來劫持各個屬性的setter，getter，在數(shù)據(jù)變動時發(fā)布消息給訂閱者，觸發(fā)相應監(jiān)聽回調。

4.Vue組件間的參數(shù)傳遞
1）父組件與子組件傳值
父===》子：子組件通過props方法接受數(shù)據(jù);
子===》父：子組件通過$emit方法傳遞參數(shù),觸發(fā)父組件event
2）非父子組件間的數(shù)據(jù)傳遞，兄弟組件傳值
eventBus，就是創(chuàng)建一個事件中心，相當于中轉站，可以用它來傳遞事件和接收事件
VUEX項目較大時

5.Vue與React的區(qū)別



6.vue路由的鉤子函數(shù)
首頁可以控制導航跳轉，beforeEach，afterEach等，一般用于頁面title的修改。
一些需要登錄才能調整頁面的重定向功能。
beforeEach主要有3個參數(shù)to、from、next
to：route即將進入的目標路由對象
from：route當前導航正要離開的路由
next：function一定要調用該方法resolve這個鉤子。執(zhí)行效果依賴next方法的調用參數(shù)。可以控制網(wǎng)頁的跳轉。
全局導航鉤子：
router.beforeEach(to, from, next),
router.beforeResolve(to, from, next),
router.afterEach(to, from ,next)
組件內鉤子：
beforeRouteEnter,
beforeRouteUpdate,
beforeRouteLeave
單獨路由獨享組件：
beforeEnter


7.vuex是什么？怎么使用？哪種功能場景使用它？
只用來讀取的狀態(tài)集中放在store中； 改變狀態(tài)的方式是提交mutations，這是個同步的事物； 異步邏輯應該封裝在action中。
在main.js引入store，注入。新建了一個目錄store，….. export 。
場景有：單頁應用中，組件之間的狀態(tài)、音樂播放、登錄狀態(tài)、加入購物車

vuex 的mutation和action的特性是什么？有什么區(qū)別？
mutation用于修改state的數(shù)據(jù)，是同步的。
action 類似于 muation, 不同在于：action 提交的是 mutation,而不是直接變更狀態(tài)
action 可以包含任意異步操作

8.css只在當前組件起作用
在style標簽中寫入scoped即可：<style scoped></style>

9.v-if 和 v-show 區(qū)別
v-if按照條件是否渲染，v-show是display的block或none
v-show的值無論為true或false，元素都會存在與html代碼中，而只有當v-if的值為true，元素才會存在HTML中
v-show指令只是設置了元素css的style值

10.$route和$router的區(qū)別
$route是“路由信息對象”，包括path，params，hash，query，fullPath，matched，name等路由信息參數(shù)
$router是“路由實例”對象包括了路由的跳轉方法，鉤子函數(shù)等

11.vue.js的兩個核心是什么？vue幾種常用的指令？
數(shù)據(jù)驅動、組件系統(tǒng)
指令：v-for、v-if、v-bind、v-on、v-show、v-else

12.vue常用的修飾符？
prevent：提交事件不再重載頁面
stop：阻止事件冒泡
self：當事件發(fā)生在該元素本身而不是子元素的時候會觸發(fā)
capture:事件偵聽，事件發(fā)生的時候會調用

13.對keep-alive的了解
keep-alive是 Vue 內置的一個組件，可以使被包含的組件保留狀態(tài)，或避免重新渲染。
keep-alive加入了兩個屬性：include(包含的組件緩存) 與 exclude(排除的組件不緩存，優(yōu)先級大于include)

<keep-alive include='include_components' exclude='exclude_components'>
<component>
<!-- 該組件是否緩存取決于include和exclude屬性 -->
</component>
</keep-alive>
參數(shù)解釋：
include - 字符串或正則表達式，只有名稱匹配的組件會被緩存
exclude - 字符串或正則表達式，任何名稱匹配的組件都不會被緩存
include 和 exclude 的屬性允許組件有條件地緩存。二者都可以用“，”分隔字符串、正則表達式、數(shù)組。當使用正則或者是數(shù)組時，要記得使用v-bind 。

13.vue.js是什么？
是一套構建用戶界面的 漸進式框架。與其他重量級框架不同的是，Vue 采用自底向上增量開發(fā)的設計。
Vue 的核心庫只關注視圖層，并且非常容易學習，非常容易與其它庫或已有項目整合。另一方面，
Vue 完全有能力驅動采用單文件組件和Vue生態(tài)系統(tǒng)支持的庫開發(fā)的復雜單頁應用。
Vue.js 的目標是通過盡可能簡單的 API 實現(xiàn)響應的數(shù)據(jù)綁定和組合的視圖組件

14.vue.js特性
MVVM、組件化、指令系統(tǒng)、支持虛擬DOM
虛擬dom：虛擬DOM是用Object來代表一顆節(jié)點，這個Object叫做VNode，然后使用兩個VNode進行對比，根據(jù)對比后的結果修改真實DOM。
每次渲染都會生成一個新的VNode，然后和上一次渲染時用的VNode進行對比。然后將這一次新生成的VNode緩存，用來進行下一次對比。
虛擬dom的缺點：
1. 代碼更多，體積更大
2. 內存占用增大
3. 小量的單一的dom修改使用虛擬dom成本反而更高，不如直接修改真實dom快

15.vue.js的特點
簡潔：頁面由HTML模板+Json數(shù)據(jù)+Vue實例組成
數(shù)據(jù)驅動：自動計算屬性和追蹤依賴的模板表達式
組件化：用可復用、解耦的組件來構造頁面
輕量：代碼量小，不依賴其他庫
快速：精確有效批量DOM更新
模板友好：可通過npm，bower等多種方式安裝，很容易融入

16.Vue 項目時為什么要在組件中寫 key，其作用是什么?
在開發(fā)過程中，我們需要保證某個元素的 key 在其同級元素中具有唯一性。
在 Diff 算法中 會借助元素的 Key 值來判斷該元素是新近創(chuàng)建的還是被移動而來的元素，
從而減少不必要的元素重渲染。

17.computed 和 watched 的區(qū)別：
computed 是計算屬性，依賴其他屬性計算值，并且 computed 的值有緩存，只有當計算值變化才會返回內容。
watch 監(jiān)聽到值的變化就會執(zhí)行回調，在回調中可以進行一些邏輯操作。


18.axios是什么？怎么使用？描述使用它實現(xiàn)登錄功能的流程？
請求后臺資源的模塊。npm install axios -S裝好，然后發(fā)送的是跨域，需在配置文件中config/index.js進行設置。
后臺如果是Tp5則定義一個資源路由。js中使用import進來，然后.get或.post。返回在.then函數(shù)中如果成功，
失敗則是在.catch函數(shù)中

轉載于:https://www.cnblogs.com/52cyd/p/11228019.html

總結

以上是生活随笔為你收集整理的关于vue.js的部分总结的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。