#vue3
https://vuejs.org/guide/extras/reactivity-transform.html
> [!danger] #2023/03/13 追加
> この仕様はドロップされたので利用しないこと。
> https://github.com/vuejs/rfcs/discussions/369
`
のprefixをつけることで簡易的な表現を提供する。具体的には`<script>`内で`.value`を呼び出す必要がなくなる。
```ts
import { watchEffect } from 'vue'
// refに$がついただけ. letでないと変更できない
let count = $ref(0)
watchEffect(() => {
// count.valueのように.valueが不要
console.log(count)
})
// count.value++のように.valueが不要
count++
// $(...)でRefを抽出することも可能
console.log($(count)) // { value: 1 }
```
## MOC
- 📚**ドキュメント**
- 📒**関連**
- [Reactivity Transform · Discussion #369 · vuejs/rfcs · GitHub](https://github.com/vuejs/rfcs/discussions/369)
- 📖**ノウハウ**
- [[TypeScriptでVue3のReactivity Transformを使用]]
- 💁**トラブルシューティング**
- [[📝VolarでReactivity Transformの$refシンタックスを利用できない]]
- [[📝ViteとReactivity Transformを使ったコードが実行時に$refが見つからないReferenceErrorとなる]]
- 🗃**用語定義**