<template>
<title>陈尼克</title>
<div id="app" v-cloak>
<p>姓名: {{ name }}</p>
<p>职业: {{ state.work }}</p>
</div>
</template>
<script>
//import { defineProps, reactive } from 'vue'
import { createApp, ref, reactive } from 'vue'
//const { createApp, ref, reactive } = Vue;
const app = {
setup() {
const name = ref("Nick")
const state = reactive({
work: "前端工程师",
});
return {
state,
name,
};
},
};
</script>
还是不行
报错
[@vue/compiler-sfc] <script setup> is still an experimental proposal.
Follow its status at https://github.com/vuejs/rfcs/pull/227.
[@vue/compiler-sfc] When using experimental features,
it is recommended to pin your vue dependencies to exact versions to avoid breakage.
这样也不行,报同样的错
<template>
<title>陈尼克</title>
<div id="app" v-cloak>
<p>姓名: {{ name }}</p>
<p>职业: {{ state.work }}</p>
</div>
</template>
<script>
//import { defineProps, reactive } from 'vue'
import { createApp, ref, reactive } from 'vue'
//const { createApp, ref, reactive } = Vue;
const app = {
setup() {
const name = ref("Nick")
const state = reactive({
work: "前端工程师",
});
return {
state,
name,
};
},
};
</script>
<style scoped>
[v-cloak] {
display: none;
}
</style>