Vue3 生命周期引入与less内置编译器安装与使用

Vue3生命周期

主要有以下几个，直接通过部分引入实现

• onBeforeMount 实例创建之前
• onMounted 实例创建完成
• onBeforeUpdate 更新之前
• onUpdated 更新完毕
• onBeforeUnmount 卸载之前
• onUnmounted 卸载完毕

<script setup lang="ts">
import { onBeforeMount } from 'vue';

onBeforeMount(() => {
    console.log('创建之前');
})
</script>

less编译器引入

在vite或者vue-cli根目录下npm同时安装less和less-loader

npm i less less-loader

之后直接在任何一个vue模板内部设置lang即可使用

<style lang="less" scoped>
div{
    a{background-color: gray;}
}
</style>