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 @   想旅游咯  阅读(272)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 在鹅厂做java开发是什么体验
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
历史上的今天:
2019-02-12 商誉专题RN及H5项目总结
点击右上角即可分享
微信分享提示
上海
14°
11:24发布
上海
11:24发布
14°
南风
3级
空气质量
相对湿度
86%
今天
多云 / 晴
9°/21°
周六
13°/27°
周日
晴 / 小雨
11°/27°