VUE+VScode+elementUI开发环境

0.vue官方文档
你正在阅读的是 Vue 3 的文档！
1.前端准备阶段
VUE+VScode+elementUI开发环境
2.Vue外部组件
element-ui
3.angular外部组件
angular-ui
4.教学视频
尚学堂b站视频
5.教学视频配套文档
D:\BaiduNetdiskDownload\025【尚学堂】全新2022版WEB前端为初学者而著的精品课_源码课件\5.【尚学堂】全新2022版WEB前端Vue\5.第五章：Vue\文档
6.vue2与vue3区别

Vue2与Vue3之间存在多个显著的区别，这些区别主要体现在以下几个方面：

• 双向数据绑定原理：Vue2使用ES5的Object.defineProperty()对数据进行劫持，结合发布订阅模式来实现双向数据绑定。而Vue3则采用了ES6的Proxy API进行数据代理，这使得Vue3在数据监听和处理上更加高效和灵活。
• 是否支持碎片：Vue2不支持碎片，即组件只能有一个根节点。然而，Vue3支持碎片，允许组件拥有多个根节点，这为开发者提供了更大的灵活性。
• API类型：Vue2使用选项类型API，它将代码分割为不同的属性，如data、computed、methods等。而Vue3引入了Composition API，提供了新的setup()方法，使得代码的组织和逻辑复用更加便捷。
• 定义数据变量和方法：在Vue2中，数据通常放在data函数中，方法定义在methods对象中。而在Vue3中，需要使用新的setup()方法来定义响应式数据和方法，这种方法在组件初始化时触发。
• 生命周期钩子函数：Vue3对生命周期钩子函数进行了一些调整，并增加了一些新的钩子，如onRenderTracked和onRenderTriggered，用于跟踪和触发组件的渲染。
• 父子组件传参：Vue3在父子组件传参方面也有一些改进，提供了更简洁和灵活的方式来实现组件间的数据传递。
• 项目结构和命令：Vue3的项目结构也发生了一些变化，例如移除了config和build文件夹，添加了public文件夹用于存放静态资源，以及将index.html移动到public文件夹中。此外，启动项目的命令也发生了变化，由npm run dev变为了npm run serve。
• 其他特性：Vue3还增加了对TypeScript的支持，提升了项目的可维护性和可扩展性。同时，Vue3也支持PWA（Progressive Web Apps），使得单页应用用户体验更好。
• 综上所述，Vue3在多个方面相较于Vue2都有所改进和增强，为开发者提供了更加高效、灵活和易用的开发体验。