webpack项目中使用Vue 打包成功 页面渲染有预期效果，但是浏览器报错

问题遇到的现象和发生背景

运行结果及报错内容

我想要达到的结果

效果是预期一样的，但是报错，有知道为什么有这种现象的吗？

第一个警告导致报错的现象原因：
index.html中导入bundle.js在div id="app"之前，在元素渲染前是获取不到的。
　　将导入bundle.js放在最后导入。
第二个在写Vue单文件组件时，让data函数返回一个对象

vue组件中的data必须是一个函数，并且返回一个数据对象

data只有是函数返回的，才能保证在组件复用时数据唯一，不然的假如一个页面放了两个相同的计数组件，操作一个，另一个也会跟着变

如有帮助，望采纳^O^