欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

vue3.0+vue-router+element-plus初实践

程序员文章站 2022-07-03 21:43:15
vue3中文文档 vue3.0对比vue2.x优势 框架内部做了大量的性能优化,包括:虚拟dom,编译模板,proxy的新数据监听,更小的打包文件等。 新增的组合式api(即composition...

vue3中文文档

vue3.0对比vue2.x优势

  • 框架内部做了大量的性能优化,包括:虚拟dom,编译模板,proxy的新数据监听,更小的打包文件等。
  • 新增的组合式api(即composition api),更适合大型项目的编写方式。
  • 对typescript支持更好,去掉this操作,更强大的类型推导。

初始化项目

安装@vue/cli

创建项目

可以选择vue3的配置进行项目初始化

vue3.0+vue-router+element-plus初实践

初始化完成后,安装vue-router,目前安装的版本是^4.0.0-rc.2
在 /src/router/index.js 中创建路由配置:

安装elment-plus(element-ui的3.x 版初体验), 目前版本是^1.0.1-alpha.14

main.js引入

5.package.json的依赖包版本

效果

vue3.0+vue-router+element-plus初实践

到此这篇关于vue3.0+vue-router+element-plus初实践的文章就介绍到这了,更多相关vue3.0 element-plus内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!

相关标签: vue3.0 element-plus