未显示消息(vue.js 2)
未显示消息(vue.js 2)
提问于 2021-09-09 02:19:35
ERROE 9:5错误“Vue”未定义为no-undef
我在脚本的第一行中添加了“从‘Vue’导入vue”。错误消失了，但是消息没有显示。
很抱歉有个基本的问题。
views/About.vue
<template>
<div class="about">
<h1>This is an about page</h1>
<p>{{ message }}</p>
</div>
</template>
<script>
new Vue({
el: "#about",
data: {
message: "Hello Vue!",
},
});
</script>
main.js
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
Vue.config.productionTip = false
new Vue({
router,
store,
render: h => h(App)
}).$mount('#app')回答 2
Stack Overflow用户
回答已采纳
发布于 2021-09-09 06:53:46
<script>
export default {
data() {
return {
message: 'Hello !'
}
}
}
</script>就像这样做。
Stack Overflow用户
发布于 2021-09-09 03:59:37
据我所见，您已经在main.js中挂载了vue实例，因此不需要创建另一个vue实例并在About.vue文件中再次挂载它。
您只需要About.vue文件中的以下代码行
在Vue 2中
<template>
<div class="about">
<h1>This is an about page</h1>
<p>{{ message }}</p>
</div>
</template>
<script>
export default {
data: {
message: "Hello World!"
}
}
</script>在Vue 3中
在vue 3中，数据属性现在是一个方法。
<template>
<div class="about">
<h1>This is an about page</h1>
<p>{{ message }}</p>
</div>
</template>
<script>
export default {
data() {
return {
message: "Hello World!"
}
}
}
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69111498
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号