vue的ui组件库很多种，但是这么多的组件库也不能满足我们的开发需求，所以需要我们根据自己需求自己写一个插件，下文小编通过两个栗子给大家介绍js自定义组件的方法，感兴趣的朋友一起看看吧

现在基于vue的UI组件库有很多，比如iview，element-ui等。但有时候这些组件库满足不了我们的开发需求，这时候我们就需要自己写一个插件。 举第一个栗子 用vue-cli搭建好项目目录之后，在src/components下面新建一个文件夹放我们要写的插件，如图所示: index.vue里写我们的组件，代码如下： index.js里面写index.vue的install方法，并用Vue.component注册组件，代码如下： 接下来我们要在默认的main.js里将刚刚写的in

本文实例讲述了VUE 自定义组件模板的方法。分享给大家供大家参考，具体如下： 先说下需求吧，因为客户的用户群比较大，如果需求变动，频繁更新版本就需要重新开发和重新发布，影响用户的体验，考虑到这一层就想到，页面展示效果做动态可配，需求更新时，重新配置一份模板录入到数据库，然后根据用户选择的模板进行展示。 关于页面展示做的动态可配，我是参考vue的Component组件方式，开始时可能会遇到组件定义后不能加载的情况，并在控制台如下错误：You are using the runtime-only b