vue3 snippets
时间: 2023-06-30 19:24:58 浏览: 49
很高兴为您提供 Vue 3 代码片段!下面是一些常用的 Vue 3 代码片段:
1. 声明一个响应式数据
```javascript
import { ref } from 'vue';
const count = ref(0);
```
2. 定义一个组件
```javascript
import { defineComponent } from 'vue';
export default defineComponent({
name: 'MyComponent',
props: {
message: String,
},
setup(props) {
return {
count: ref(0),
handleClick() {
count.value++;
},
};
},
template: `
<div>
<p>{{ message }}</p>
<p>{{ count }}</p>
<button @click="handleClick">Click me</button>
</div>
`,
});
```
3. 使用组件
```javascript
<template>
<MyComponent message="Hello world" />
</template>
<script>
import MyComponent from './MyComponent.vue';
export default {
components: {
MyComponent,
},
};
</script>
```
希望这些代码片段能够对您有所帮助!