22什么是vuerouter vue router 是官方路由管理器 主要功能路由嵌套，模塊化 基于組件路由配置，路由參數(shù)查詢通配符，細(xì)粒度導(dǎo)航控制，自定義的滾動(dòng)條行為等23vue路由傳參，接收 傳 this$。

一般來(lái)說(shuō)vue2搭配 3x的路由 vue3搭配 4x 的路由 比如說(shuō)購(gòu)物車頁(yè)面只有登陸的才能訪問(wèn)，我們可以用組件級(jí)守衛(wèi)購(gòu)物車頁(yè)面，如果已經(jīng)登陸存有token 的話，就繼續(xù)訪問(wèn)這個(gè)頁(yè)面，如果沒(méi)有登陸的話就會(huì)跳轉(zhuǎn)到登陸頁(yè)面在項(xiàng)。

1都支持服務(wù)器端渲染 2都有虛擬dom，組件化開(kāi)發(fā)，都有‘props’的概念，允許父組件往子組件傳送數(shù)據(jù)，都實(shí)現(xiàn)webComponent規(guī)范 3數(shù)據(jù)驅(qū)動(dòng)視圖 4都有支持native的方案，React的React native，Vue的weex 5構(gòu)建工。

21談?wù)勀銓?duì)vuejs的 template編譯的理解 簡(jiǎn)而言之，就是首先轉(zhuǎn)化成AST Abstract Syntax Tree，抽象語(yǔ)法樹(shù)，即將源代碼語(yǔ)法結(jié)構(gòu)抽象成樹(shù)狀表現(xiàn)形式，然后通過(guò) render函數(shù)進(jìn)行渲染，并返回VNode Vue js的虛擬DOM節(jié)點(diǎn) 詳細(xì)步驟如。

1什么是vue的生命周期？ Vue實(shí)例從創(chuàng)建到銷毀的過(guò)程，就是生命周期也就是從開(kāi)始創(chuàng)建初始化數(shù)據(jù)編譯模板掛載DOM渲染更新渲染卸載等一系列過(guò)程，我們稱這是Vue的生命周期 2vue生命周期的作用是什么？ 它的生命周期中。

文章中給你列舉了部分的面試題，這些都是公司面試常遇到的，還有需要的還可以自己去查閱一下資料1activeclass是哪個(gè)組件的屬性？嵌套路由怎么定義？答vuerouter模塊的routerlink組件2怎么定義vuerouter的動(dòng)態(tài)路由？怎么獲取傳過(guò)來(lái)的。

使用vue create #39文件名#39，創(chuàng)建一個(gè)vue腳手架，vueuseVueRouter，調(diào)用vuerouter這個(gè)對(duì)象上面的install方法，注冊(cè)兩個(gè)屬性在vue原型對(duì)象上，分別是vueprototype$router整個(gè)項(xiàng)目的路由對(duì)象和vueprototype$route當(dāng)前。

系統(tǒng)bug，網(wǎng)絡(luò)問(wèn)題1系統(tǒng)bug是vue路由懶軟件系統(tǒng)出現(xiàn)了問(wèn)題，導(dǎo)致加載顯示好多js，等待官方修復(fù)即可2網(wǎng)絡(luò)問(wèn)題是自身設(shè)備連接的網(wǎng)絡(luò)出現(xiàn)較大波動(dòng)，導(dǎo)致vue路由懶加載還是好多js，更換網(wǎng)絡(luò)重新打開(kāi)即可。

原理在創(chuàng)建Vue實(shí)例時(shí)，Vue會(huì)遍歷data選項(xiàng)的屬性，利用ObjectdefineProperty為屬性添加getter和setter對(duì)數(shù)據(jù)的讀取進(jìn)行劫持getter用來(lái)依賴手機(jī)，setter用來(lái)派發(fā)更新，并且在內(nèi)部追蹤依賴，在屬性被訪問(wèn)和修改時(shí)通知變化每個(gè)組件實(shí)例會(huì)有相應(yīng)的。

vue由靜態(tài)路由改為動(dòng)態(tài)路由時(shí)，出現(xiàn)下面的錯(cuò)誤 靜態(tài)路由懶加載，當(dāng)我們把router寫死import里面它是正常加載的，可是我們通過(guò)api接口拉取過(guò)來(lái)的數(shù)據(jù)時(shí)，發(fā)現(xiàn)是不報(bào)了上面的錯(cuò)export const importPath = comUrl =。

在 Vue2 中，異步組件和路由懶加載處理使用 import 就可以很輕松實(shí)現(xiàn)但是在 Vue 3x 中異步組件的使用與 Vue 2x 完全不同了本文就詳細(xì)講講 vue3 中 異步組件 和 路由懶加載 的實(shí)現(xiàn)所以，下面的。

即appjs文件過(guò)大導(dǎo)致的如何來(lái)處理 vue在webpack打包的過(guò)程中，將多余文件。

報(bào)錯(cuò)原因 很有可能是你在路由懶加載的時(shí)候，在import里使用了動(dòng)態(tài)路徑比如， component = import* webpackChunkName quothomequot * PATH + #39Indexvue#39 ，這樣的路徑是不起作用的，具體原因可以查看。

所有的json都加載出來(lái)了后來(lái)想著vue$ref能獲取到組件中的dom，所以能夠判斷當(dāng)前的組件中的元素是否在可視范圍內(nèi)，如果在，就去加載json文件，然后判斷當(dāng)前的商品是否是下架的，如果是下架的再通過(guò)vif刪掉當(dāng)前的組件dom。

keepalive用來(lái)緩存組件，避免了每次點(diǎn)擊其他頁(yè)面都要加載，減少性能消耗和提高用戶體驗(yàn)，下圖緩存整個(gè)路由視圖所有頁(yè)面，也可以緩存單個(gè)組件 圖片懶加載用了 vuelazyload 組件，npm安裝npm i vuelazyload S#160我是。

在本次項(xiàng)目中 由于是一個(gè)相冊(cè)展示的項(xiàng)目，相片數(shù)據(jù)通過(guò)月份進(jìn)行分頁(yè)，前端通過(guò)接口一次返回所有相片的鏈接，接口上并沒(méi)有返回相片總數(shù)，嗯加上有點(diǎn)懶 也就沒(méi)做滾動(dòng)加載了 然后發(fā)現(xiàn)了 vuelazyload這個(gè)插件 本文只是簡(jiǎn)單。