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

vue3中文文档

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内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！