uni-fab vue3 script 写法
时间: 2023-07-04 15:28:19 浏览: 235
微信小程序浮动按钮组件
5星 · 资源好评率100%
uni-fab 使用的是 Vue 3,其 script 的写法与 Vue 2 有所不同。下面是一个简单的 Vue 3 script 的写法示例:
```
<template>
<div>Hello, {{ name }}!</div>
</template>
<script>
import { defineComponent } from 'vue';
export default defineComponent({
name: 'HelloWorld',
props: {
name: {
type: String,
default: 'world',
},
},
});
</script>
```
在 Vue 3 中,我们需要使用 `defineComponent` 来定义一个组件。注意到 `props` 的写法也有所不同,我们需要在 `props` 中指定 `type` 和 `default`。另外,如果需要在模板中使用组件的属性,需要使用插值语法 `{{}}`。
阅读全文