全干软件工程师
获得徽章 7
- 淘宝花小400买的AirPods4代降噪,已经用了一天了，我知道买的便宜没想着是真的，但是序列号然后降噪啊，功能切换啊.都是正常的不是华强北那种。也在保修，也有声控定位，主要他是全新的。所以我就好奇为啥这么便宜呢123
- vue2项目升级为vue3，有哪些需要修改的？
将 Vue 2 项目升级为 Vue 3 涉及多个方面的修改，以下是主要的更改点：
### 1. Vue 依赖包更新
确保更新 Vue 及相关依赖包：
```bash
npm install vue@next vue-router@4 vuex@next
```
### 2. 语法调整
#### 2.1 创建 Vue 实例
Vue 3 使用 `createApp` 替代 `new Vue`：
```javascript
// Vue 2
new Vue({
el: '#app',
render: h => h(App)
});
// Vue 3
import { createApp } from 'vue';
createApp(App).mount('#app');
```
#### 2.2 组件选项 API
Vue 3 中仍支持选项 API，但推荐使用组合 API 进行更好的逻辑复用。示例：
```javascript
// Vue 2
export default {
data() {
return {
count: 0
};
},
methods: {
increment() {
this.count++;
}
}
};
// Vue 3 组合 API
import { ref } from 'vue';
export default {
setup() {
const count = ref(0);
const increment = () => count.value++;
return { count, increment };
}
};
```
### 3. 生命周期钩子
生命周期钩子的名称有所变化，例如 `beforeDestroy` 更改为 `beforeUnmount`，`destroyed` 更改为 `unmounted`。
### 4. 响应式系统
Vue 3 引入了全新的响应式系统，使用 `reactive` 和 `ref` 进行数据管理：
```javascript
import { reactive, ref } from 'vue';
展开评论1 - “贪婪，焦虑，缺乏耐心，是韭菜三大共性素质。
迎合贪婪，贩卖焦虑，速成承诺，是割韭菜的三大标准姿势。”![[抱拳]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_120.6c3effe.png)
所以更好的做法是——上进知足，接纳焦虑，享受过程不求结果
最近有看新机会的，考虑技术大厂外包岗的（被一提外包就嗤之以鼻，无论待遇还是啥的给的还可以的），前、后端/测试，感兴趣来试试，私我哈~ 展开89
![[流泪]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)
![[不失礼貌的微笑]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_16.9d17f6d.png)
![[抱拳]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_120.6c3effe.png)
所以更好的做法是——上进知足，接纳焦虑，享受过程不求结果