一些简单的vue考试题(选择题和简答题)

1、下面代码结果打印结果为:

A：1，2 B: 1,1 C: 2,2 D:2,1

2、在beforeRouteEnter钩子函数中进行console.log(this),其结果为:

A.VueCompent实例 B.undefined C、报错 D. 以上都不对

3、vue的生命周期，执行顺序争取的是：

A. beforeCreate -> init->create->mount->destory

B. mount-> init->beforeCreate->create->destory

C.beforeCreate->create->init->mount->destory

D.init->beforeCreate->create->init->destory

4、用于监听 DOM 事件的指令是:

A. v-on B.v-model C.v-bind D.v-html

5、以下对vue的双向绑定说法不正确的是:

A.采用数据劫持结合发布者-订阅者模式的方式

B.通过Object.defineProperty（）来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应监听回调

C.MVVM作为数据绑定的入口，整合Observer，Compile和Watcher三者，通过Observer来监听自己的model的数据变化

D.vue是通过基于脏检查机制实现双向绑定

6、vue-router有哪几种导航钩子，以下哪种选项不是vue-router的导航钩子?

A.全局导航钩子

B.组件内的钩子

C.页面钩子

D.单独路由独享组件

7、以下选项中不可以进行路由跳转的是:

A. push()

B.replace()

C. route-link

D.jump()

8、以下获取动态路由{ path: '/user/:id' }中id的值正确的是:

A.this.$route.params.id

B.this.route.params.id

C.this.$router.params.id

D.this.router.params.id

9.以下选项中不属于vuex中的属性？

A. state

B.getters

C.actions

D.init

10. 以下代码打印结果为:

A. hello

B.hel

C.olleh

D.llo

11.导航钩子函数有哪些？它们有哪些参数？

导航钩子有：a/全局钩子和组件内独享的钩子。b/beforeRouteEnter、afterEnter、beforeRouterUpdate、beforeRouteLeave

参数：有to（去的那个路由）、from（离开的路由）、next（一定要用这个函数才能去到下一个路由，如果不用就拦截）

12.v-show和v-if指令的共同点和不同点

13.Vue中引入组件的步骤?

14.计算属性和watch的区别

computed计算属性是用来声明式的描述一个值依赖了其它的值。当你在模板里把数据绑定到一个计算属性上时，Vue 会在其依赖的任何值导致该计算属性改变时更新 DOM。这个功能非常强大，它可以让你的代码更加声明式、数据驱动并且易于维护。 

watch监听的是你定义的变量,当你定义的变量的值发生变化时，调用对应的方法。

就好在div写一个表达式name，data里写入num和lastname,firstname,在watch里当num的值发生变化时，就会调用num的方法，方法里面的形参对应的是num的新值和旧值，

而计算属性computed,计算的是Name依赖的值,它不能计算在data中已经定义过的变量。

15.Vue 父子组件间的参数传递是如何做到的？

 父组件向子组件传值：

    1）子组件在props中创建一个属性，用来接收父组件传过来的值；

    2）在父组件中注册子组件；

    3）在子组件标签中添加子组件props中创建的属性；

    4）把需要传给子组件的值赋给该属性

  子组件向父组件传值：

    1）子组件中需要以某种方式（如点击事件）的方法来触发一个自定义的事件；

    2）将需要传的值作为$emit的第二个参数，该值将作为实参传给响应事件的方法；

    3）在父组件中注册子组件并在子组件标签上绑定自定义事件的监听。