vuejs单文件组件最简单调用失败?

在使用vue单文件组件中,自己使用模块引入失败,
clipboard.png
如图,在app.vue定义一个简单的模板

clipboard.png
在main.js中引入app组件并实例化

clipboard.png
在index引用什么都没有。最简单的一个页面之间的调用都失败了。原谅我是小白,谢谢

阅读 5.2k
3 个回答

vue2.0好像已经不准把vue实例挂载在body上

import App from './App.vue'

参见官方文档:https://cn.vuejs.org/v2/api/#el

提供的元素只能作为挂载点。不同于 Vue 1.x,所有的挂载元素会被 Vue 生成的 DOM 替换。因此不推荐挂载root实例到 <html> 或者 <body> 上。

同时:你的Vue实例中没有render函数和template属性,所以确保你在用vue-cli构建项目时,使用的是Runtime + Compiler构建的vue库。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题