首页vue3 demo案例

vue3 demo案例

时间: 2023-10-12 08:07:47 浏览: 131

当然，我可以给你一个简单的 Vue 3 demo 案例。以下是一个基本的计数器应用程序示例： ```html  <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue 3 Demo</title> <script src="https://unpkg.com/vue@next"></script> </head> <body> <div id="app"> <button @click="increment">Increase</button> <p>{{ count }}</p> </div> <script src="app.js"></script> </body> </html> ``` ```javascript // app.js const app = Vue.createApp({ data() { return { count: 0 } }, methods: { increment() { this.count++ } } }) app.mount('#app'); ``` 这个简单的示例展示了一个带有增加按钮和计数器的 Vue 3 应用程序。当点击按钮时，计数器的值会增加。你可以把上述代码复制到文件中，然后在浏览器中打开 `index.html` 文件来运行这个 demo。请记得在使用 Vue 3 之前先引入 Vue 的库。希望这个例子对你有帮助！如果有其他问题，请随时提问。

阅读全文