面试题（一）

前端美少女战士
45 阅读1分钟

关于生命周期

image.png

image.png

image.png

image.png image.png image.png image.png

关于组件

image.png

image.png

关于vuex

image.png image.png

image.png

moudles 模块化 【user】

image.png

image.png

image.png

image.png

image.png

关于路由

image.png

image.png

image.png

image.png

image.png

关于API

image.png 当在data属性中初始化一个对象obj，后续在obj中添加属性，发现数据发生了变化，但试图没变，此时需要使用this.$set('obj','c','4444')做到响应式数据

image.png image.png

image.png

image.png

关于指令

image.png

image.png

关于原理

image.png

关于vue3

image.png

为什么vue3中v-if比v-for的优先级高

image.png

Vue2和Vue3中的ref的区别 image.png

image.png

$children 实例 property 已从 Vue 3.0 中移除，不再支持

双向绑定的方式不同 image.png proxy

image.png

obj.defineProperty

image.png

image.png

image.png

image.png image.png

image.png image.png

image.png

image.png

vue2与vue3的生命周期

image.png

子组件实例，调用组件方法

Vue2中 子组件定义ref="name"后使用this.refs.name就能拿到组件name的实例；同时可以this.refs.name 就能拿到组件name的实例；同时可以this.refs.name.test() 的方式直接调用子组件的test()方法

Vue3中，子组件定义ref="name"，需要用ref()来定义引用，将其绑定到对应子组件上；若想直接调用子组件的方法，需要在子组件中defineExpose显示暴露出对应的方法（组件封装性），若不暴露出来则子组件实例上不会存在此方法

image.png

minixs与hooks image.png

avatar
文章
阅读
粉丝