提交 bb9240a7 编写于 作者: Q qiang

docs: Vue2 Composition API

上级 9b24d137
...@@ -61,11 +61,17 @@ unplugin-vue2-script-setup](https://github.com/antfu/unplugin-vue2-script-setup) ...@@ -61,11 +61,17 @@ unplugin-vue2-script-setup](https://github.com/antfu/unplugin-vue2-script-setup)
import { defineComponent, ref } from '@vue/composition-api' import { defineComponent, ref } from '@vue/composition-api'
import { onReady } from '@dcloudio/uni-app' import { onReady } from '@dcloudio/uni-app'
export default defineComponent({ export default defineComponent({
setup() { setup(_, { expose }) {
const title = ref('Hello') const title = ref('Hello')
onReady(() => { onReady(() => {
console.log('onReady') console.log('onReady')
}) })
// @vue/composition-api 当前版本并无 expose 方法
if (expose) {
expose({
title
})
}
return { return {
title title
} }
...@@ -111,9 +117,24 @@ unplugin-vue2-script-setup](https://github.com/antfu/unplugin-vue2-script-setup) ...@@ -111,9 +117,24 @@ unplugin-vue2-script-setup](https://github.com/antfu/unplugin-vue2-script-setup)
onReady(() => { onReady(() => {
console.log('onReady') console.log('onReady')
}) })
defineExpose({
// 注意要在 defineExpose 函数外定义
title
})
</script> </script>
``` ```
### 与 TypesSript 一起使用 ### 与 TypesSript 一起使用
> 与 Script Setup 一同使用时会禁用默认的类型检查,具体请参考 [unplugin-vue2-script-setup](https://github.com/antfu/unplugin-vue2-script-setup) * 与 Script Setup 一同使用时会禁用默认的类型检查,具体请参考 [unplugin-vue2-script-setup](https://github.com/antfu/unplugin-vue2-script-setup)
* 即使不与 Script Setup 一同使用但项目为 HBuilderX 创建的工程时,由于 HBuilderX 内置TypesSript插件当前版本较低,也需要禁用默认的类型检查
```js
// vue.config.js
module.exports = {
chainWebpack (config) {
// disable type check and let `vue-tsc` handles it
config.plugins.delete('fork-ts-checker')
},
}
```
\ No newline at end of file
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册