链接到 Vue 3 CDN:
<script src="https://cdn.jsdelivr.net/npm/vue@3/dist/vue.global.js"></script>
体内:
<div id="app">
</div>
<script type="module">
import app from './app.js'
const {createApp} = Vue;
createApp(app).mount('#app');
</script>
在 app.js 中是简单的组件:
export default {
name: 'Test',
setup() {
const title = "Hello";
return {
title
};
},
template: `
<div>
<h1>{{title}}</h1>
</div>
`,
};
app.js 可以是其他组件的容器,而不是一个组件。
我制作了简单的 Vue 3 QuickStart 模板,因此任何人都可以看到它是如何工作的。
模板是 SPA 风格的,包含 4 个示例页面、4 个组件、路由和存储。它仅使用来自 CDN 的 Vue.js,其他一切都是手工制作的;)
注意:这不是库,它只是演示代码,因此任何人都可以看到如何挂载 Vue 3 应用程序并在简单的场景中使用 Composition API。
在线演示: http: //vue3quickstart.rf.gd/
GitHub:https ://github.com/SaleCar/Vue3-QuickStart