vue .native 方法未定义_vue最新面试题

最近在面试，总结几个重点的面试题

一，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最新面试题的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。