前端面试题 (五) :

站在月亮上Da  ...

---

什么是自定义指令，有哪些钩子函数及自定义指令的使用场景

        在某些情况下，你需要对普通的DOM元素进行底层的操作，这时候就会用到自定义指令

以下则是 自定义对象可提供的几个钩子函数 . . .

    bind：只调用一次，指令第一次绑定到元素时调用。

    insert：被绑定元素插入父节点时调用。

    update：所在组件的 VNode 更新时调用，但是可能发生在其子元素的 VNode 更新之前。

    componentUpdated：所在组件的 VNode 及其子元素的 VNode 全部更新时调用。

    unbind：只调用一次，指令与元素解绑时调用。

---

父组件获取异步动态数据传递给子组件，报错如何解决？

    1. 方法

                开始让子组件隐藏，当数据返回，再让子组件显示 （v-if）

    2.方法

                为无法读取属性设置defualt 默认值

---

vue-router有哪几种导航钩子

概念 ：导航发生变化时，导航钩子主要用来拦截导航，让它完成跳转或取消

拦截方式

基本都有这三个 参数     to：去哪里  /  from：从哪里 /  next()：是否跳转由它决定

    全局的

        beforeEach - 前置钩子函数

                参数to、from、next

                        使用场景 - 未登录去下单，跳转到登录页

        afterEach - 后置钩子函数

                参数to、from

                        使用场景 - 改变浏览器title

    单个路由独享的

            beforeEnter

                    同beforeEach

    组件级的

            beforeRouteEnter - 进入组件前

                    参数to、from、next

                            同beforeEach

                                    使用场景 - 进入这个组件前你要做什么初始化操作

            beforeRouteUpdate - 组件更新或改变时

                        参数to、from、next

                                同beforeEach

                                        使用场景 - 复用组件时（对于一个带有动态参数的路径 /foo/:id，在 /foo/1 和 /foo/2 之间跳转的时候）

            beforeRouteLeave - 离开组件时

                    参数to、from、next

                                同beforeEach

                                            使用场景 - 清除定时器等等

---

vue-router参数传递方法详述及区别

    query：（ get）

      编程式  :  

                this.$router.push( {  path : '  /Home '  , query : { id  :  '666 ' } } )

    导航声明式 : 

                 

    接收 ： this.$route.query.id

        params：（post）

      编程式  :  

                this.$router.push( {  name: '  Home '  , params: { id  :  '666 ' } } )

    导航声明式 : 

                   

    接收 ： this.$route.params.id

---

查看更多...