Javascript “我无法修复错误”;属性或方法不是在实例上定义的,而是在呈现期间引用的。”;

Javascript “我无法修复错误”;属性或方法不是在实例上定义的,而是在呈现期间引用的。”;,javascript,vue.js,vuetify.js,Javascript,Vue.js,Vuetify.js,我相信我理解问题所在(我尝试v-model的输入没有声明),但我似乎无法修复它(或理解如何修复),即使在阅读了其他具有相同问题的帖子之后 我还将代码与我所遵循的教程进行了比较,我无法发现任何差异,或者至少没有任何差异会导致具体的错误 我有两个文件,Index.js import Vue from 'vue'; import Vuetify from 'vuetify'; Vue.use(Vuetify); import VueResource from 'vue-resource'; Vue.u

我相信我理解问题所在(我尝试v-model的输入没有声明),但我似乎无法修复它(或理解如何修复),即使在阅读了其他具有相同问题的帖子之后

我还将代码与我所遵循的教程进行了比较,我无法发现任何差异,或者至少没有任何差异会导致具体的错误

我有两个文件,Index.js

import Vue from 'vue';
import Vuetify from 'vuetify';
Vue.use(Vuetify);
import VueResource from 'vue-resource';
Vue.use(VueResource);
// GITHUBAPI
import GitHubAPI from 'vue-github-api';
Vue.use(GitHubAPI, {token: 'user Personal Access Token'});
import 'bootstrap/dist/css/bootstrap.css';
import GitIssuesAndMiles from './app/IssuesAndMilestones.vue';
import './index.scss';
import 'vuetify/dist/vuetify.min.css';
import VueRouter from 'vue-router';
Vue.use(VueRouter);
const router = new VueRouter({
  mode: 'history',
  routes: [
    {
      path: '/',
      components: {
        data: {
        },
        default: GitIssuesAndMiles
      }
    }
  ]
});
export default new Vue({
  el: '#root',
  data: {
  },
  router,
  render: h => h('router-view')
});
以及发布和里程碑.vue

<template>
    <v-container id="app">
        <v-layout align-center justify-space-around fill-height/>
            <v-flex xs12 text-xs-center>
                <h1>Vue/GitHub</h1>
            </v-flex>
            <!-- Here starts the area where the user would write the GitHub information-->
            <v-flex v-flex xs4 offset-xs4>
                        <input 
                        v-model="_usernameVMod" 
                        type="text" 
                        class="form-control"
                        placeholder="Usuário">

                        <input 
                        v-model="_repoVMod" 
                        type="text" 
                        class="form-control"
                        placeholder="Repositório">          
            </v-flex>
            <!-- Here ends the area where the user would write the GitHub information-->
            <v-flex xs4 offset-xs4 row justify-center>              
                <v-btn large color="green lighten-2">Search</v-btn>
            </v-flex>
        </v-layout>
    </v-container>
</template>
<script>
    export default{
        data(){
            return{
                _usernameVMod: '',
                _repoVMod: '',
            };
        },
        methods:{},

    };
</script>

Vue/GitHub
搜寻
导出默认值{
数据(){
返回{
_usernameVMod:“”,
_repoVMod:“”,
};
},
方法:{},
};

我认为问题出在路由器构造中。路由配置错误。试试这个配置

const路由器=新的VueRouter({
模式:“历史”,
路线:[
{路径:'/',组件:gitisusesandmiles},
]
})

因此,如果其他人有类似的问题,我会设法解决


Vue似乎真的很讨厌以“u”开头命名的东西,所以当我将名称从“_usernameVMod”更改为“usernameVMod”时,代码开始流动。

您一定是在获取带有错误的属性名称,您是否也可以发布错误?谢谢,但我设法找出了错误。很明显,Vue真的很讨厌你用“u”开头命名东西。当我将名称从“_usernameVMod”更改为“usernameVMod”时,代码开始流动。尽管如此,谢谢你。