把22文件改成22.html也不行
<html>
<div id="counter">
Counter: {{ counter }}
</div>
</html>
<script src="https://unpkg.com/vue@next"></script>
const Counter = {
data() {
return {
counter:0
}
}
}
Vue.createApp(Counter).mount('#counter');
这样不行,还需要加什么条件呢?
显示出来是这样
Counter: {{ counter }}
const Counter = { data() { return { counter:0 } } } Vue.createApp(Counter).mount('#counter');
这样也不行
<!DOCTYPE html>
<div id="counter">
Counter: {{ counter }}
</div>
</html>
<script src="https://unpkg.com/vue@next"></script>
const Counter = {
data() {
return {
counter:0
}
}
}
Vue.createApp(Counter).mount('#counter');
只引用了,没有加script代码,这样就可以了
<!DOCTYPE html>
<div id="counter">
Counter: {{ counter }}
</div>
</html>
<script src="https://unpkg.com/vue@next"></script>
<script>
const Counter = {
data() {
return {
counter:0
}
}
}
Vue.createApp(Counter).mount('#counter');
</script>
哦也