<template>
<title>陈尼克</title>
<div id="app">
{{ count }} {{ object.foo }}
</div>
</template>
<script>
//import { defineProps, reactive } from 'vue'
import { createApp, ref, reactive } from 'vue';
//const { createApp, ref, reactive } = Vue;
//const App = {
export default {
setup() {
const count = ref("0")
const object = reactive({
object: "foo",
});
return {
count,
object,
};
},
};
</script>
<style>
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
margin-top: 60px;
}
</style>
这样就出来了,我也不知道怎么出来的,object与foo与bar啥关系
<template>
<title>陈尼克</title>
<div id="app">
{{ count }} {{ object.foo }}
</div>
</template>
<script>
//import { defineProps, reactive } from 'vue'
import { createApp, ref, reactive } from 'vue';
//const { createApp, ref, reactive } = Vue;
//const App = {
export default {
setup() {
const count = ref("0")
const object = reactive({
foo: "bar",
});
return {
count,
object,
};
},
};
</script>
<style>
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
margin-top: 60px;
}
</style>