Vue.js Vue路由不是Vue js中Vue实例的渲染数据属性

我在vue路线上遇到了一个问题。问题是vue路由没有呈现vue js实例的数据属性“people”。请告诉我这里有什么问题。这是我的密码

控制台错误：

属性或方法人员未在实例上定义，但在渲染期间被引用。确保在数据选项中声明反应数据属性

我的运行代码也可以在这里找到：

您需要在“创建”或“编辑”组件中移动人员，如下所示：

const create_or_edit = {
    template: '#create_template',
    data(){
        return{
         people: [
                {name: "Ali"},
                {name: "Kamran"},
                {name: "Qaiser"},
            ],
        }
    }
};
const routes = [           
    {path: '/create', component: create_or_edit,},           
];

const router = new VueRouter({
    routes:routes,
});

const app=new Vue({
    router:router,
}).$mount('#vue-app')

const create_or_edit = {
    template: '#create_template',
    data(){
        return{
         people: [
                {name: "Ali"},
                {name: "Kamran"},
                {name: "Qaiser"},
            ],
        }
    }
};
const routes = [           
    {path: '/create', component: create_or_edit,},           
];

const router = new VueRouter({
    routes:routes,
});

const app=new Vue({
    router:router,
}).$mount('#vue-app')