更改默认根组件

Question

使用cli，我手动创建了Vue 2项目，创建后，我开始进行测试。 我创建了一个简单的组件 testMe，并在 main.js 中更改了默认代码，让该新组件被读取为根组件而不是 App.vue。

我得到了[Vue警告]：找不到元素：#test

testMe.vue

<template>
    <div id="test">
<h3>first component created</h3>
    </div>
  </template>
  
  <script>
  
  export default {
    name: 'testMe',
    components: {
    }
  }
  </script>

main.js

import Vue from 'vue'
import TestMe from './TestMe.vue'

Vue.config.productionTip = false

new Vue({
  render: h => h(TestMe),
}).$mount('#test')```

Answer 1

在index.html文件中，你必须有id=test，而不是在testMe.vue中