vue3使用體驗--用了之後再也不想用vue2

0.個人推薦使用 setup 語法糖，看起來更加簡潔。

<script setup>

import { ref,reactive,onMounted } from 'vue';

const name=ref('李四')；   // 定義普通數據類型的響應式，獲取/修改數據需要 .value，在模板中不需要 .value , 可以直接使用

onMounted (()=>{
  //某些業務邏輯。

  cosole.log(name.value)     

})

</script>

如果不習慣沒有this，可以換回類vue2的生命週期方式。

 

1.在使用引入公共css文件，區別如下。

vue3 vite構建

<style src="../assets/css/public.css" scoped></style>

 

vue2.x  webpack構建

<style scoped>

  /* @import '../assets/css/public.css'; */

</style>

 

 

2.關於數據響應式。

必須使用ref 或者reactive去定義。reactive定義是 引用數據類型。ref定義的是基礎的數據類型，當然也可以接受引用數據類型，其實是交由reactive處理。

 

3.關於toRef和toRefs。

兩者的作用都是解構響應的數據，區別是前者在template中使用的時候不需要 .value, toRefs結構的是引用數據類型。