青春流年的博客

前端经典面试题

安装脚手架vitenpm create vite@latest然后按照提示操作即可！安装状态管理pinianpm install pinia --save创建 Store新建 src/store 目录并在其下面创建 index.js，导出 store// src/store/index.jsimport { createPinia } from 'pinia'const store = createPinia()export default store在 main.ts 中引入并

$attrs 属性解释:包含了父作用域中不作为组件 props 或自定义事件的 attribute 绑定和事件。当一个组件没有声明任何prop 时，这里会包含所有父作用域的绑定，并且可以通过 v-bind="$attrs" 传入内部组件——这在创建高阶的组件时会非常有用。inheritAttrs属性解释：如果你不希望组件的根元素继承特性，你可以在组件的选项中设置 inheritAttrs: false可能不是很好理解，我们可以举个例子来验证一下。在父组件app.vue中<templ.

官方的说明，Vue3.x已经不支持直接Vue.prototype.$http = () =>{}这种方式来挂载全局对象，这是由于globalVue不再是构造函数，因此不再支持该构造函数更新后的挂载方法main.js中通过 config.globalProperties 进行全局挂载import { createApp } from 'vue'import App from './App.vue'const app = createApp(App);// Vue3全局挂..

vue 路由监听获取route获取route.path获取route.name获取route第一种// 监听,当路由发生变化的时候执行watch:{ $route(to,from){ console.log(to); }}第二种watch: { '$route':'routeChange'},methods: { routeChange(){ console.log(this.$route); }}第三种watch: { // 在值

vue vant tabs组件选中下划线位置异常问题描述：代码片段原因分析：解决方案：修改后代码:效果图)问题描述：在使用vant中Tab 标签, 点击显示会出现下划线位置异常,如下图:代码片段<template> <div id="app"> <van-button type="primary" @click="isShow = !isShow">点击显示</van-button> <div v-show="isSho

vue路由导出问题 Uncaught TypeError: Invalid attempt to spread non-iterable instance.这个问题是写把导航需要的路由写到srouter的文件中,然后在vue文件中引入,这时候没报错,可是在js文件中引入import router from “@/router”;这句话时报错:>查资料说是什么运算符的错,可是去了import router from “@/router”;就不报错了,显然不是那个问题后来反复测试发现只能再

vue 配置移动单位转换插件