mpvue踩坑总结

一、新建一个页面后只显示页面的路径

每次添加新的页面都要npm run dev 重新编译

在已有的页面修改代码不需要重新编译，执行npm run dev 后会一直监听着代码变化，保存时自动编译。注意，虽然实时编译成微信合法的代码了，但在微信开发者工具上并不能实时预览，是因为工具默认关闭实时编译。勾选“保存时自动编译小程序”，就能实现在webstorm实时编写，在微信开发者工具实时预览。

二、Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.

报错的原因是因为微信规定template组件只能有一个根元素view，即只能有一个div

修改成这样就可以了