链接到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>
应用程序内.js是一个简单的组件:
export default {
name: 'Test',
setup() {
const title = "Hello";
return {
title
};
},
template: `
<div>
<h1>{{title}}</h1>
</div>
`,
};
而不是一个组件,应用程序.js可以是其他组件的容器.
我制作了简单的Vue 3快速入门模板,这样任何人都可以看到它是如何工作的.
模板采用SPA风格,包含4个样本页面、4个组件、路由和存储.它只使用Vue.来自CDN的js,其他一切都是手工制作的;)
Note: This is not library, it's just demo code so anyone can see how to mount Vue 3 application and use Composition API in simple scenario.
Online demo: http://vue3quickstart.rf.gd/
GitHub: https://github.com/SaleCar/Vue3-QuickStart