Laravel5.3中引入vue组件错误

使用windows 7系统 Laravel5.3

我想在laravel5.3中使用自定义vue组件,我在项目目录下执行 cnpm install 然后 gulp均正常执行。
在blade文件中这样调用默认vue的example组件

<script src="/js/app.js"></script>

<body>

    <example></example>

</body>
浏览器报错如下:
[vue-loader] resources\assets\js\components\Example.vue: named exports in *.vue files are ignored.

vue.runtime.common.js?8818:521[Vue warn]: Cannot find element: body

vue.runtime.common.js?8818:521[Vue warn]: Failed to mount component: template or render function not defined.
(found in root instance)

不能正常显示example组件的内容。

请问这是什么原因呢? 该如何解决呢? 谢谢!
之前一直没有用自带的vue组件功能,现在想使用一个vue的UI库 vux,又不想单独建一个前端的项目来做,所以想在laravel里面把vue组件引入来使用。

第一次提问,如有不当请多包涵,谢谢!

解决了,原来是vue2.0 的el不能是body,而且<script src="/js/app.js"></script> 这个要放在el指定ID的后面

rocklyt
修改的评论也不能少于六个字哦!
rocklyt
修改的评论也不能少于六个字哦!
making
修改的评论也不能少于六个字哦!
rocklyt 回复 making
修改的评论也不能少于六个字哦!