<!DOCTYPE html>
<div app="id" @click="increment">
{{ count }}
</div>
<script src="https://unpkg.com/vue@next"></script>
<script>
const app = Vue.createdApp({});
name:'increment'
props: []
setup() {
data: {
}
}
</script>
这为啥也不行?
<!DOCTYPE html>
<div app="app">
<button @click="increment"> {{ state.count }}</button>
</div>
<script src="https://unpkg.com/vue@next"></script>
<script>
const App = {
setup() {
const app = Vue.createdApp({count:0});
function increment() {
state.count++;
}
return {
state,
increment
}
}
};
const app = Vue.createdApp(App);
app.mount('#app')
</script>