Vue-7-前端框架Vue之应用基础从Vue2语法到Vue3语法的演变
文章目录
- 1 基于vite创建
- 1.1 对比webpack和vite
- 1.2 创建工程
- 1.3 启动项目
- 2 调试工具Vue.js Devtools
- 3 src结构
- 3.1 index.html
- 3.2 main.ts
- 3.3 App.vue(根组件)
- 4 示例(Vue2的语法)
- 4.1 Person.vue
- 4.2 App.vue
- 4.3 选项式API对比组合式API
- 4.4 程序流程
- 5 示例(Vue3的语法)
- 5.1 setup概述
- 5.2 App.vue
- 5.3 Person.vue
- 5.3.1 setup的常规写法
- 5.3.2 setup的语法糖
- 5.3.3 插件vite-plugin-vue-setup-extend
- 6 参考附录
基于vite创建工程,安装调试工具Vue.js Devtools,分析src结构,举例对比vue2语法和vue3语法,介绍vue3的setup语法糖,引入插件用于为组件命名。
1 基于vite创建
1.1 对比webpack和vite
前端构建工具webpack和vite。
1.2 创建工程
CMD>d:
CMD>cd CODEVue