Vue中data的响应式系统

在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