在开始使用vue-cli时遇到问题,如何添加组件?

时间:2018-06-19 16:57:37

标签: vue.js vue-cli

我的错误: 您正在使用Vue的仅运行时版本,而模板编译器不可用。可以将模板预编译为渲染函数,也可以使用编译器随附的内部版本。

我的main.js文件:

import Vue from 'vue'
// import App from './App.vue'
import VueRouter from 'vue-router'
import Search from './components/Search'
import Index from './components/Index'

Vue.config.productionTip = false;

const routes = [
    {path: '/', component: Index},
    {path: '/Search', component: Search}
];
const router = new VueRouter({
    routes
});
new Vue({
    router
}).$mount('#app');

我的组件基本相同,如下所示:

<template>
    index
</template>

<script>
    export default {
        name: "index"
    }
</script>

<style scoped>

</style>

我确定自己做错了很简单的事情,但是我花了一些徒劳的时间试图找到解决方案,但没有找到解决方案。

我使用了默认的vue-cli创建,不确定如何使它工作。我已经尝试按照建议的方式解析vue的dist版本,但是我没有找到任何实际的方法。

也许我编写的组件不正确?任何帮助将不胜感激。非常感谢

0 个答案:

没有答案