vue3新特性

vue3 新特性

vue 页面

<template>
</template>

<script>
import { defineComponent, ref, reactive, onMounted } from 'vue'
import { useRoute, useRouter } from 'vue-router'

export default defineComponent({
    name: "",
    components: {},
    props: {},
    setup(props, context) {
        // 组件要只执行的操作
        const route = useRoute()
        const router = useRouter()

        onMounted(() =>{
            // 挂载完成执行的任务
        })
    }
})
</script>

<style scoped lang="less">
</style>

vuex 页面

import { defineStore } from 'pinia'

export const useStore = defineStore("store", {
    // 状态管理
    state: () => {
        return {}
    },
    // 同步，类似于 computed
    getters:{},
    // 复杂逻辑，异步，可以在这里请求
    actions:{
        async getData() {
            try{
                return true
            } catch(err) {
                return false
            }
        }
    }
})