VUE3.0写法模板

最新推荐文章于 2024-08-09 08:03:59 发布

wei_dan1129

最新推荐文章于 2024-08-09 08:03:59 发布

阅读量598

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/wei_dan1129/article/details/125504338

版权

本文深入探讨Vue3.0的最新特性，包括Composition API、Teleport、Suspense等，并通过实例讲解如何在项目中应用这些新功能，提升开发效率和代码组织。适合已掌握Vue2.x并希望升级到Vue3.0的前端开发者阅读。

摘要由CSDN通过智能技术生成

<script lang="ts">
import {
    toRefs, reactive, defineComponent, watch, onMounted } from 'vue'; //引用页面需要的Vue
import PageFooter from '../PageFooter.vue'; // 引入的组件
import {
    useStore } from '@/store'; //引入Vue Store

export default defineComponent({
   
    name: 'StudentPage',
    props: {
    // 从父组件往子组件内传的值
        dataCon: {
   
            type: Object,
            default: function () {
   
                return {
   };
            },
        } as any,
    },
    setup(props) {
   
    	
    	//定义的变量 要定义到reactive才能实现MVVM
        const state = reactive({
   
            dataInfo: {
   } as any