vue3教程笔记

选项式的写法基本和vue2一致。

组合式写法：

 reactive() 只适用于对象（数组或者内置对象），创建的对象都是js的proxy。

import { reactive } from 'vue'

const counter = reactive({
  count: 0
})

console.log(counter.count) // 0
counter.count++

 ref() 则可以接受任何值类型，ref 会返回一个包裹对象，并在 .value 属性下暴露内部值，模板中访问的 message ref 时不需要使用 .value：它会被自动解包，让使用更简单。

import { ref } from 'vue'

const message = ref('Hello World!')

console.log(message.value) // "Hello World!"
message.value = 'Changed'

v-if,v-else 和 v-else-if 也可以在 <template> 上使用；v-show 不支持在 <template> 元素上使用