html面试题及答案2020,2020Web前端最新面试题及答案解析汇总-开课吧

问题一：Vue 2.0不再支持在v-html中使用过滤器怎么办？

解析：①全局方法(推荐)

Vue.prototype.msg = function(msg){

return msg.replace("\n"，"
")

}

②computed方法

computed：{

content：function(msg){

return msg.replace("\n"，"
")

}

}

③$options.filters(推荐)

filters：{

msg：function(msg){

return msg.replace(/\n/g，"
")

}

}，

data：{

content："XXXX"

}

问题二：vuex中state,getter,mutation,action,module,plugins各自的用途，和用法？

解析：State:{ count: 0 } 保存着所有的全局变量

Getter： 对state中的数据派生出一些状态，例如对数据进行过滤。(可以认为是store中的计算属性)，会对state中的变量进行过滤再保存，只要state中的变量发生了改变，它也会发生变化，不变化的时候，读的缓存。

Mutation：更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。

一条重要的原则就是要记住 mutation 必须是同步函数。

Action: Action 类似于 mutation, 不同点在于，Action 提交的是 mutation，而不是直接变更状态。Action可以包含任意异步操作，mutation只能是同步。

有点不同的是Action 函数接受一个与 store 实例具有相同方法和属性的 context 对象，因此你可以调用context.commit 提交一个 mutation，或者通过 context.state 和 context.getters 来获取 state 和getters。

Module： //模块，可以写很多模块，最后都引入到一个文件。分散管理。生成实例的时候 都放在Store的modules中

plugins：插件(Plugins)是用来拓展webpack功能的，它们会在整个构建过程中生效，执行相关的任务。

问题三：react和vue的区别

解析：=> 相同点： 1.数据驱动页面，提供响应式的试图组件 2.都有virtual DOM,组件化的开发，通过props参数进行父子之间组件传递数据，都实现了webComponents规范 3.数据流动单向，都支持服务器的渲染SSR 4.都有支持native的方法，react有React native， vue有wexx

=> 不同点： 1.数据绑定：Vue实现了双向的数据绑定，react数据流动是单向的 2.数据渲染：大规模的数据渲染，react更快 3.使用场景：React配合Redux架构适合大规模多人协作复杂项目，Vue适合小快的项目 4.开发风格：react推荐做法jsx + inline style把html和css都写在js了 vue是采用webpack + vue-loader单文件组件格式，html, js, css同一个文件

问题四：`$route`和`$router`的区别

解析：$route是“路由信息对象”，包括path，params，hash，query，fullPath，matched，name等路由信息参数。

$router是“路由实例”对象包括了路由的跳转方法，钩子函数等。

2020Web前端开发面试题及答案解析

举报/反馈