vue3 element plus,element router

　　本文主要介绍vue3.0 vue-router element-plus的初步实践，并通过示例代码进行了详细介绍。对大家的学习或工作都有一定的参考价值。需要的朋友可以和边肖一起学习。

　　Vue3中文文档

　　Vue3.0对比Vue2.x优势

　　框架中做了很多性能优化，包括：虚拟dom、编译模板、代理的新数据监控、更小的打包文件等。

　　新的复合API (Composition API)更适合编写大型项目。

　　更好的支持TypeScript，去掉了这个操作，更强大的类型派生。

　　初始化项目

　　安装@vue/cli

　　npm install @vue/cli -g

　　或yarngalobadd @ vue/CLI

　　创建项目

　　创建项目名称

　　您可以为项目初始化选择Vue3的配置。

　　初始化后，安装vue-router，目前安装的版本是^4.0.0-rc.2

　　在/src/router/index.js中创建路由配置：

　　从“vue-router”导入{ createRouter，createWebHashHistory }

　　const Test=()=import(/* webpackChunkName: Test */ @/views/Test/index )

　　const constantRoutes=[

　　{

　　路径：“/v3-demo”，

　　组件：测试

　　}

　　]

　　//https://www.npmjs.com/package/vue-router

　　const router=createRouter({

　　history: createWebHashHistory()，

　　路线：constantRoutes，

　　})

　　导出默认路由器

　　安装Elment-Plus(Element-UI 3 . x版本早期体验)。目前的版本是^1.0.1-alpha.14

　　main.js简介

　　从“vue”导入{ createApp }

　　从导入应用程序。/App.vue

　　从导入路由器。/路由器

　　从“element-plus”导入ElementPlus

　　导入 element-plus/lib/theme-chalk/index . CSS

　　const app=createApp(App)

　　app.use(ElementPlus)

　　app.use(路由器)

　　app . mount(# app)

　　5.5.package.json的依赖包版本

　　依赖项:{

　　“核心-js”:^3.7.0，

　　元素加:^1.0.1-alpha.14，

　　^3.0.0，

　　“路由器”:^4.0.0-rc.2

　　}

　　影响

　　关于vue3.0 vue-router element-plus的初步实践这篇文章到此为止。有关vue3.0 element-plus的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。