两者mian.js的区别

vue2

import Vue from 'vue'
import App from './App'
import router from './router/router';new Vue({router,render: h => h(App),
}).$mount('#app')

vue3

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'createApp(App).use(router).mount('#app')

原因

在 Vue 3 中，全局改变 Vue 行为的 API 现在被移动到了由新的 createApp 方法所创建的应

用实例上。并且，它们的影响仅限于该特定应用实例；

调用 createApp 返回一个应用实例，可以因此可以在其后链式调用其它方法。该实例提供了

一个应用上下文。应用实例挂载的整个组

件树共享相同的上下文，该上下文提供了之前在 Vue 2.x 中的“全局”配置；

实现全局注册

import Vue from 'vue';
import App from './App.vue';//全局注册test指令
Vue.test() {
});new Vue({render: (h) => h(App),
}).$mount('#app');

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'const app = createApp(App);//全局注册test指令
app.test() {});app.use(router).mount('#app')

vue3和vue2中mian.js的区别，在其中配置路由为例相关推荐

a标签的href与onclick中使用js的区别
href与onclick中javascript的区别一般没用到都没注意,但出错时才有些郁闷,看文本章解释如下: 以前一直很随意,后来看.net里的linkbutton似乎是用在<a href=& ...
vue2中component和components在组件注册和路由中的区别
组件注册中的component和components 全局注册用到component(单数) html: <div id="example"><my-compon ...
在 Vue3 成为默认版本后，盘点了 Vue3 与 Vue2 的区别
目录前言正文一.Vue3 与 Vue2 区别概览二.Vue3 与 Vue2 区别详述生命周期多根节点 Composition API 异步组件(Suspense) Teleport 响应式 ...
vue3和vue2的区别并且如何升级（对于vue2有基础的）
目录一.vue3值得注意的新特性 1.1.Teleport 1.2.Vue 3 现在正式支持了多根节点的组件 1.3.自定义事件 emits 1.4.v-model 1.4.1. v-model参数 ...
vue - vue3与vue2.x的区别(一) ：目录结构不一致
今天总结一下vue3与vue2.x的区别 -- 目录结构不一致.由于目录结构的不一致相对的也造成了一些问题的存在,比如打包项目之后打开出现白屏现象. 一.目录结构不一致通过上图可以发现 vu ...
vue3与vue2的详细区别
1. vue实例化方法改变 vue2通过new Vue(),手动生成.vue3通过createApp实例化 // vue2 import Vue from 'vue':import App from ...
在vue2中使用vue3的核心功能（渐进式升级vue版本）
一.前言学了真香的vue3语法,但目前的vue2项目中短期内不会再升级了,空有屠龙之术无法施展?来试试以下的解决方案,让你在vue2项目中也能用上vue3的核心语法-组合式API. 二.选项式API ...
Vue3和Vue2的区别
目录前言概览一.新特性二.差异详情一.vue3新特性 1.组合式API---setup 2.ref创建响应式数据 3.Teleport---"传送门" 4.多根节点 5 ...
Vue3与Vue2的区别（组合式API）
目录 1.响应式数据 2.vue2和vue3的响应式原理 3.计算属性Computed 4.监听函数Watch vue3中watch函数对ref的响应式数据的监听 vue3中watch函数对react ...
js中toString()和String()区别详解
转载自 js中toString()和String()区别详解我们知道String()与 .toString()都是可以转换为字符串类型,但是String()与 .toString()的还是有区别的 ...

vue3和vue2中mian.js的区别，在其中配置路由为例

两者mian.js的区别

vue2

vue3

原因

实现全局注册

vue3和vue2中mian.js的区别，在其中配置路由为例相关推荐

最新文章

热门文章