vue常见面试题(3)

1.什么是vue的计算属性computed

计算属性是需要复杂的逻辑,可以用方法method代替

2.vue-cli提供的几种脚手架模板

vue-cli 的脚手架项目模板有browserify 和 webpack;

3.组件中传递数据?

4.vue-router实现路由懒加载( 动态加载路由 )

5.vue-router 的导航钩子,主要用来作用是拦截导航,让他完成跳转或取消

6.完整的 vue-router 导航解析流程

7.vue-router如何响应 路由参数 的变化?

原来的组件实例会被复用。这也意味着组件的生命周期钩子不会再被调用。你可以简单地 watch (监测变化) $route 对象:

8.vue-router的几种实例方法以及参数传递

name传递

to来传递

采用url传参

9.is的用法(用于动态组件且基于 DOM 内模板的限制来工作。)

is用来动态切换组件,DOM模板解析

<table><tris="my-row"></tr> </table>

10.vuex是什么?怎么使用?哪种功能场景使用它?

是什么:vue框架中状态管理:有五种,分别是 State、 Getter、Mutation 、Action、 Module

使用:新建一个目录store,

场景:单页应用中,组件之间的状态。音乐播放、登录状态、加入购物车

vuex的State特性

A、Vuex就是一个仓库,仓库里面放了很多对象。其中state就是数据源存放地,对应于一般Vue对象里面的data

B、state里面存放的数据是响应式的,Vue组件从store中读取数据,若是store中的数据发生改变,依赖这个数据的组件也会发生更新

C、它通过mapState把全局的state和getters映射到当前组件的computed计算属性中

vuex的Getter特性

A、getters可以对State进行计算操作,它就是Store的计算属性

B、虽然在组件内也可以做计算属性,但是getters可以在多组件之间复用

C、如果一个状态只在一个组件内使用,是可以不用getters

vuex的Mutation特性

改变store中state状态的唯一方法就是提交mutation,就很类似事件。每个mutation都有一个字符串类型的事件类型和一个回调函数,我们需要改变state的值就要在回调函数中改变。我们要执行这个回调函数,那么我们需要执行一个相应的调用方法:store.commit。

Action类似于mutation,不同在于:Action提交的是mutation,而不是直接变更状态;Action可以包含任意异步操作,Action函数接受一个与store实例具有相同方法和属性的context对象,因此你可以调用context.commit提交一个mutation,或者通过context.state和context.getters来获取state和getters。Action通过store.dispatch方法触发:eg。store.dispatch('increment')

vuex的module特性Module其实只是解决了当state中很复杂臃肿的时候,module可以将store分割成模块,每个模块中拥有自己的state、mutation、action和getter

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容