常见问题及解决方法1.vue.js2.0要求每个模板只能有一个根元素。可以在最外层包裹一个div来解决这个问题。错误信息：vue.js:435[Vuewarn]:Errorcompilingtemplate:
Thisistheheader
组件模板应该只包含一个根元素。如果您在多个元素上使用v-if，请改用v-else-if链接它们。解决方法：在最外层包裹一个div容器（不允许直接返回多个元素）2、将局部组件作为全局组件是错误的提示：vue.js:435[Vuewarn]:Unknowncustomelement:
-您是否正确注册了组件？对于递归组件，请确保提供“名称”选项。解决方法：正确注册组件3.组件中反初始化数据不允许直接将对象赋值给数据。错误信息：“数据”选项应该是一个返回组件定义中每个实例值的函数。解决方法：Vue.component('',{data:function(){return{}}})4.push前面的变量其实是undefined报错信息：UncaughtTypeError:Cannotreadproperty'push'ofundefined解决方法：这个使用箭头函数解决问题5.Notsupportedicoimageformat报错信息：C:\xampp\htdocs\framework\vue\project\tpls\src\assets\img\favicon.icoUnexpectedcharacter''(1:0)你可能需要一个n适当的加载器来处理这种文件类型。(此二进制文件省略源代码)ERRORin./src/assets/img/favicon.icoModuleparsefailed:解决方法：在第41行找到build/webpack.base.conf.js添加|ico如：test:/\.(png|jpe?g|gif|svg|ico)(\?.*)?$/,6.跨域问题报错信息：No'Access-Control-Allow-Origin'headerispresentontherequestedresource.因此不允许访问源“http://localhost:8080”。解决方法：在一般导入的php文件中加入导入头。注意：导入的php要放在header的顶部('Access-Control-Allow-Origin:*');7.vue使用ajax获取data上的数据绑定在vue中写登录验证信息时，ajax返回验证信息的显示数据，如何在html中显示数据问题代码：{{uname_show}}}name_check:function(){varxhr=新的XMLHttpRequest();varuname=this.uname;varurl="http://localhost/admin/data/user/check_uname.php?uname="+this.取消命名；xhr.open('get',url,true);xhr.onreadystatechange=function(){if(xhr.readyState==4&&xhr.status==200){varuname_text=JSON.parse(xhr.responseText);this.uname_show=uname_text.msg;控制台日志（this.uname_show）；}}xhr.send(null);}问题：可以打印，但是在span中无法显示分析原因：thisinthis.uname_show=uname_text.msg;不是指向的vue实例解决方法：将匿名函数改成箭头函数，xhr.onreadystatechange=()=>{}（个人总结学习文档，会持续更新，欢迎留言交流，谢谢为了你的帮助~）
