vue3小结

一、scss 配置

1.安装sass-resources-loader

cnpm install sass-resources-loader --save-dev

2:vue.config.js进行配置

module.exports = {
    css: {
        loaderOptions: {
            sass: {
                prependData: `@import "~@/assets/css/index.scss";`,
            },
        },
    },
};

二、router 和 route 使用

如何在setup 中使用路由信息 useRoute

//获取路由信息  route
import { useRoute } from 'vue-router'
const route = userRoute();
console.log(route )
console.log(route.path)

如何在setup 中进行跳转 useRouter

 import { useRouter} from 'vue-router'
 const router = userRouter();
 router.push('/')

三、 getCurrentInstance 方法获取当前组件实例

getCurrentInstance 方法获取当前组件实例 仅限于 开发环境中使用，在生产环境中使用会报错