![](https://img-blog.csdnimg.cn/e5a42b20d21440bf868189df578ea8ea.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue面试题汇总
vue面试题汇总大全,记录使用vue时候的一些坑。包含vue3以及vue2。
有两把刷子
鲜花并不都在春天盛开,河流也并不是最终都要并入大海,人生也没有规定要按照一个模板去生活。
鲜花可以盛开在四季,河流也可以流向八方,你也可以按照自己的方式去生活。心中对生活有热爱,山海皆可平,人生处处是风景。
大家好我是刷子哥,来自河南鹤壁,目前从事web开发,热爱web,热爱开源,热爱生活。
展开
-
vue3的watch怎么进行终止监听,达到条件不让watch监听。
vue3的watch怎么进行终止监听,达到条件不让watch监听。原创 2022-04-26 23:11:13 · 9570 阅读 · 3 评论 -
vue3中怎么挂载公共方法。vue3挂载公共axios,挂载公共正则。
vue3中怎么挂载公共方法。vue3挂载公共axios,挂载公共正则。原创 2021-12-30 18:12:56 · 1049 阅读 · 0 评论 -
2022年最新前端面试题(大前端时代来临卷起来吧小伙子们..持续维护走到哪记到哪)
2022年最新前端面试题 热门题目 (面经最全版)(蛋糕)...持续维护中,HTML和Css部分vue部分,Null,undefined,Boolean,Number,String,BigInt 、BigInt 、Object、1. **解构赋值、扩展运算符、class类、模块化 import export、箭头函数、generator函数、promise let cosnt ......原创 2021-12-25 22:22:12 · 258665 阅读 · 122 评论 -
vue2vue3中你知道什么是路由元信息,路由元信息配置。切换页面跳转路由更换title。
vue中你知道什么是路由元信息,路由元信息配置。切换页面跳转路由更换title。原创 2021-12-18 20:49:32 · 568 阅读 · 0 评论 -
vue3的计算属性computed和 vue2 computed 的有什么区别,使用,计算属性传参?
什么是计算属性: computed函数,是用来定义计算属性的,计算属性不能修改。 模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。 计算属性还可以依赖多个Vue 实例的数据,只要其中任一数据变化,计算属性就会重新执行,视图也会更新。 methods和computed看起来都可以实现我们的功能, 那么为什么还要多一个计算属性这个东西呢? 原因:计算属性会进行缓存,如果多次使用时,计算属性只会调用一次;而方法会使用一次原创 2021-12-11 20:49:33 · 3894 阅读 · 0 评论 -
vue3的自定义指令怎么用vue3的全局自定义指令怎么写。自定义指令的钩子函数。简单易懂
vue3的自定义指令怎么用vue3的全局自定义指令怎么写。自定义指令的钩子函数。原创 2021-12-03 09:38:55 · 2372 阅读 · 0 评论 -
Vue3 emits选项将Emit派发事件可以对参数进行验证。
Vue3.0中使用emit发起事件时会要求当前组件记录emit事件(没有则控制台会抛出警告)。原创 2021-11-30 23:03:32 · 5615 阅读 · 3 评论 -
vue3中的ref,toRef,toRefs三个是干嘛的,有什么作用呢。
1. ref的使用 ref 接受一个原始值,返回一个具有响应式的对象,对象有一个value属性,其值就是所传递的原始值。 ref是做的一个拷贝关系,修改对象msg的值,不会影响对象obj,视图会发生变化 import { ref } from "vue"; let obj = { name: "你好", age: 16 }; let msg = ref(obj.name); console.log(msg.value); // 你好 functi...原创 2021-11-16 11:45:09 · 14522 阅读 · 8 评论 -
vue3 的监听函数,watch函数和watchEffect函数。
watch函数:与Vue2中的watch配置功能一致, 参数1:要监听的数据 参数2:回调函数 参数3:配置 作用监视指定的一个或多个响应式数据, 一旦数据变化, 就自动执行监视回调默认初始时不执行回调, 但可以通过配置immediate为true, 来指定初始时立即执行第一次通过配置deep为true, 来指定深度监视import { watch, ref } from 'vue'; // 引入const user = reactive({ fir原创 2021-11-13 16:19:36 · 2165 阅读 · 0 评论 -
vue3的provide函数和inject函数真简单,后组件通讯,子孙父通信。
使用场景:有个父组件,里头有子组件,有孙组件,有很多后代组件,共享父组件数据1、父组件里面这样写入<template> <div class="box"> <h2>父组件{{ num }}元</h2> <button @click="num++">加</button> </div></template><script setup>// 要引入 provi...原创 2021-11-13 16:01:50 · 1465 阅读 · 0 评论 -
vue2兄弟组件传值大家都会,但是vue3怎么兄弟组件传值,其实很简单上操作。
Vue3 中没有了 EventBus 跨组件通信,但是现在有了一个替代的方案 mitt.js,原理还是 EventBusvue3兄弟传值只需安装一个小插件 npm i mitt -S 在src文件夹中建一个 mitt.js文件 文件中写入以下内容// 先安装 npm i mitt -S// 然后像以前封装 bus 一样, 封装一下import mitts from 'mitt'const mitt = mitts()export default mitt兄弟组件a...原创 2021-11-12 15:24:31 · 757 阅读 · 0 评论 -
vue3中怎么让封装的组件使用v-model。Vue3中v-model的使用
废话不多说直接上代码1、父组件的代码<template> <div class=""> <my-input @blur="change" v-model="search"></my-input> </div></template><script>import myInput from "../components/myInput.vue";import { ref } from "v...原创 2021-11-09 16:06:32 · 1849 阅读 · 0 评论 -
vue3 setup语法糖请注意在script标签里加setup,不用return
虽然Composition API用起来已经非常方便了,但是我们还是有很烦的地方,比如 组件引入了还要注册 属性和方法都要在setup函数中返回,有的时候仅一个return就十几行甚至几十行 不想写啊怎么办 好办,Vue3官方提供了script setup语法糖只需要在script标签中添加setup,组件只需引入不用注册,属性和方法也不用返回,setup函数也不需要,甚至export default都不用写了,不仅是数据,计算属性和方法,甚至是自定义指令也可以在我们的te原创 2021-10-29 22:57:14 · 15678 阅读 · 4 评论 -
vue3setup函数怎么用setup有哪些参数分别是干什么的,vue3如何使用emit。
1、如果使用了setup函数那么它讲会有两个参数分别是 props 和 context2、props是响应式的,当传入新的 props 时,它将被更新。但是,因为props是响应式的,你不能使用 ES6 解构,它会消除 prop 的响应性。export default { props: { item: String }, setup(props,context) { // setup(props,{ emit } ) 解构赋值 console.lo...原创 2021-10-24 16:00:57 · 12604 阅读 · 2 评论