vue-cli main.js挂载问题

最近在学vue-cli 在更改main.js里面的挂载点的时候发现，自己修改挂载的id但是报错了。在App.vue里，明明写了根标签id=“test”，npm run serve在浏览器运行之后，却提示 cannot find element #test。
这是为什么？
这是因为在webpack开发环境下，.$mount(“#test”) 是在项目根目录 /public/index.html 里找 id="test"的标记，而不是在App.vue里找
这里在提一嘴：vue 在初始化项目配置的时候，有两个运行环境配置的版本：Compiler 版本、Runtime 版本
挂載使用的是runtime版本 $mount
如：

new Vue({
  render: h => h(App),
}).$mount('#app')

模板使用的是compiler版本所以加载不出来 template
如：

new Vue({
  el:"#app",
  component:{App},
  template:'<App/>'
})

这里要感谢前端老范的文章
Vue运行提示cannot find element #myApp - 前端老范的文章 - 知乎