专业编程教程与实战项目分享平台

网站首页 > 技术文章 正文

前端面经1 前端面试csdn

ins518 2024-10-04 01:51:22 技术文章 9 ℃ 0 评论

1、v-if 和v-show的区别

v-if是通过控制dom节点的存在与否来控制元素的显隐;v-show是通过设置DOM元素的display样式,block为显示, none为隐藏;如果需要非常频繁地切换,则使用 v-show 较好;如果在运行时条件很少改变,则使用 v-if 较好。

2、v-for 和 v-if的区别:

当它们处于同一个元素节点时,v-for的优先级高于v-if。v-if将重复运行于每个v-for循环中。

3、路由的钩子函数

全局钩子函数 router.boforeEach(to,from.next)

某个理由独享的钩子 beforeEnter(to,from,next)

组件内的钩子 beforeRouterEnter(to,from,next)

beforeRouterUpdate(to,from,next)

beforeRouterLeave(to,from,next)

4、vue中的组件传值有哪些

父组件向子组件传递数据,可以使用props向子组件传递数据

子组件向父组件传递数据,可以使用$emit向父组件传递数据

子组件向子组件传递数据, Vuex状态管理工具实现组件之间的传递

5、vuex是什么

状态管理机制,将全局组件的共享状态抽取出来为一个store,以一个单例模式存在,应用任何一个组件都可以使用,vuex更改state的唯一途径是通过mutation,mutation是需要commit触发,action实际触发是mutation,其中,mutation处理同步内容,action处理异步的内容



6、vue指令

V-bind V-html V-on V-model V-if V-show

7、Vue响应式原理

Data的属性被转化为getter何setter,并且记录相应的依赖,当被改动的时候,会通知相应的依赖

所有的组件实例会有它对应的watcher实例,而watcher实例会依赖于相应的setter

当数据变化时,setter会被调用,setter会通知watcher watcher会更新视图

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表