最近在面試，總結幾個重點的面試題

一，vue父子組件之間的傳值

????子組件通過 props 方法來接收父組件傳來的值，

????子組件通過 $emit 方法來向父組件發送數據

????兄弟之間的傳值使用:??vuex(狀態管理工具)

二，vue的生命周期函數：

beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestroyed

ajax操作是在mounted生命周期中完成的

三，vue自定義指令

???? ①創建局部指令

var app = new Vue({??el:"app",??data:{?? ??},??//創建指令(可以多個)??directives: {?? //指令的名稱?? dir1: {?? inserted(el) {????????//指令第一個參數是當前使用指令的DOM????????console.log(el);????????console.log(arguments);????????//對DOM進行操作????????el.style.width = "200px";????????el.style.height = "200px";????????el.stylle.background?=?'#000';?? }?? }??}})

②全局指令? ?

vue.directive('dir2',{????inserted(el)?{??????console.log(el);????}})

? 四?，vue動態路由傳值

當我們很多個頁面或者組件都要被多次重復利用的時候，我們的路由都指向同一個組件，這時候從不同組件進入一個共用的組件，并且還要傳參渲染不同的數據，這個時候就要用到動態路由來傳參

首先我們來看一下router-link這個組件：

簡單來說，他是一個導航器，利用to這個屬性導航到目標組件，并且在渲染的時候會自動生成一個a標簽，當然官方也有說明，+tag標簽屬性可以渲染 不同點的標簽，可以 被瀏覽器看到，并且當一個導航器被激活的時候，會自動加上一個css激活樣式，可以全局在路由配置中設置linkActiveClass屬性，屬性名就是樣式css名，一般寫 成active

現在基本了解了一下router-link，先講一下動態路由配置

我們在配置路由的時候，將目標組件的路徑先設置好，如下所示：

export default new Router({??eoutes:[?? {?? path:'/List/List/:id', //動態路由信息??????conmponent:List?? }??]})

比如?多個路由都要進入List組件，這時候在配置路由路徑后加個? :id(可隨便取名，標識)，這個屬性id可以在?$route.params.id獲取。例如：

??????Child??

當這個child組件要進入，以上配置的id就等于on，這時候在List組件中打印出$route.params.id就可以得到這個屬性值on

五，vue路由鉤子函數：

路由的鉤子函數總共有六個：

全局的路由鉤子函數：beforeEach，afterEach

單個的路由鉤子函數：beforeEnter

組件內的路由鉤子函數：beforeRouteEnter，beforeRouteLeave，beforeRouteUpdate

六，如何給vue自定義添加點擊事件？

需要在@click后面加上.native，官方對于.native的解釋為：.native --->監聽組件根元素的原生事件

正確的寫法：

感謝你這么好看還關注我、、、

總結

以上是生活随笔為你收集整理的vue .native 方法未定义_vue最新面试题的全部內容，希望文章能夠幫你解決所遇到的問題。

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