在Vue中声明组件时,如果使用了对象类型的data选项,模板将找不到data中被声明的数据,如果使用了支持Vue模板的语法检查,开发者将得到错误提示"data proerty in component must be a function"。
Vue会递归地将data选择中的数据加入响应式系统,但这些数据应该是声明时即存在的,下面来看一段提示代码。
<div id="app">
<p>{
{
title}}</p>
<p>{
{
profile}}</p>
</div>
<script>
const vue = new Vue({
el:"#app",
data() {
return {
title :"A Vue App",
}
},
created() {
Object