组件模板：Vuejs有哪些常见的坑，这些要注意

　　Vue是用来设计用户界面的渐进式框架，比如可以用来搭建类似网页版知乎这种表单项繁多的，且内容需要根据用户的操作进行修改的网页。

　　Vue不仅容易上手，还便于与第三方的库，以及既有项目相集成，此外还有代码具有一定可读性，提供丰富的文献和支持资料，具有适应性和反应性，框架本身体积不大，具有较强灵活性等优点。虽然Vue社区规模较小，但显然优势大于劣势，依然是很多开发人员的选择。但是，很多开发人员可能未遵循vue.js的优秀实践，所以不仅无法充分利用vue.js的全部潜能，还可能时常犯错。那么vue.js常见的错误有哪些呢？需要怎样来避免？

　　1.添加模板编译器

　　导入Vue.js时，组件的内联(inline)模板会返回空白页面，当使用渲染函数(render function)、或作为单文件组件定义的模板时，此类问题就没有再现了。由于Vue具有许多个不同的版本，这可能是由版本差异所导致的。毕竟，NPM软件包所导出的默认构建版本，通常是仅用于构建运行时(runtime)，并不包括模板的编译器。该问题未在单文件组件中发生的主要原因是：单文件组件使用了vue-loader和vueify工具。这两个工具都能够通过使用渲染函数所定义的模板，来生成简单的JavaScript组件。

　　2.导出单文件组件

　　为了简化JavaScript文件的复杂性，Vue使用了简单的处置方法--单文件组件，它能够将所有HTML、CSS和JavaScript代码收集到同一个文件中。不过，由于单文件组件的代码通常驻留在Vue文件内部的script标记中，因此即使代码是由JavaScript编写的，您仍然需要导出对应的组件。

　　3.避免合并单文件组件

　　由于单文件组件可以使开发人员在同一个文件中添加各种代码、模板和样式，因此它简化了开发的整个过程。为了避免产生混乱，我们应按需分隔不同的单文件组件。新导入的单文件组件很可能会覆盖过往的单文件组件，因此我们在合并它们的时候要倍加小心。

　　4.根据Vuex行为产生promise

　　由于在Vuex中，各项行为都是异步的，因此为了让调用函数知道某个行为是否已完成，唯一的方法是返回一个promise(承诺)，留在后期予以解决。据此，Vue会产生一个HTTP调用，并且在promise之后逐个处理各种“解决”或“拒绝”。

　　5.结合使用Vue.js和jQuery

　　如果需要与其他的DOM操作工具集(例如jQuery)一起使用Vue框架，您需要注意它们之间的相互隔离。也就是说，您既可以使用jQuery来操作DOM widget，也可以使用Vue，但是请不要同时使用这两者。

　　通常，包装器(wrapper)组件会充当Vue、对应的组件、以及其他内部DOM元素之间的链接，以实现彼此的交互。而且这些组件将会用于通过jQuery来操控各个内部DOM元素。

　　以上就是vue.js的常见错误，可能你还遇到其他的错误问题，遵循方法指南的说明事项能帮助很好的避免一些vue.js常见错误，上述内容仅供参考。