vue2和vue3项目的初始结构对比

 

1.main.js

  一、通过 按需导入的 createApp 方法来来构建 vue 实例;

  二、通过 vue实例.use 方法来挂载插件(routervuex

      三、没有了 Vue 构造方法,无法再挂载原型; 

2.App.vue

    组件内部结构无变化,依然是template、script、style  ; 但 <template> 标签中支持多个根标签

3.store/index.js

  通过按需导入的 createStore 方法来来构建 store 实例;无需再通过 Vue.use(Vuex) 的形式进行挂载

4.router/index.js

  通过 按需导入的 createRouter 方法来构建 router 实例;
  通过 按需导入的 createWebHashHistory 方法来创建 hash 模式对象,进行路由模式指定;
  无需再通过 Vue.use(VueRouter) 的形式进行挂载;
  routes 路由表的定义无差别;

 

综上所述,在 vue3 的初始化项目中,与 vue2 对比的最大差异其实就是两点:

  1. vue3 使用 按需导入的形式 进行初始化操作;
  2. <template> 标签中支持多个根标签;

 

posted @ 2022-02-12 22:16  想旅游咯  阅读(271)  评论(0编辑  收藏  举报