vue3.0+vue-router+element-plus初实践
程序员文章站
2022-07-03 21:43:15
vue3中文文档 vue3.0对比vue2.x优势 框架内部做了大量的性能优化,包括:虚拟dom,编译模板,proxy的新数据监听,更小的打包文件等。 新增的组合式api(即composition...
vue3.0对比vue2.x优势
- 框架内部做了大量的性能优化,包括:虚拟dom,编译模板,proxy的新数据监听,更小的打包文件等。
- 新增的组合式api(即composition api),更适合大型项目的编写方式。
- 对typescript支持更好,去掉this操作,更强大的类型推导。
初始化项目
安装@vue/cli
创建项目
可以选择vue3的配置进行项目初始化
初始化完成后,安装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 element-plus内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
上一篇: 浅谈Vue.js组件(二)