在使用vue.js过程中，都是以组件为基础的，可以使用自带的组件，还可以使用自定义组件。自定义组件可以调用Vue.component()，有组件名称和组件内容。下面利用实例说明如何自定义组件，操作如下：
工具/原料
1
Vue.js
2
JavaScript
3
HTML5
4
HBuilderX
5
浏览器
6
截图工具
方法/步骤
1
第一步，双击打开HBuilderX设计工具，新建一个HTML5页面并引入vue.js文件，如下图所示：
2
第二步，在
标签内，插入一个div标签和自定义组件，如下图所示：3
第三步，接着在div标签下方，添加一个script标签，调用Vue.component()方法，如下图所示：
4
第四步，再进行vue对象实例化，使用new Vue()，设置属性el，如下图所示：
5
第五步，保存代码并打开浏览器查看效果，可以查看到产生一个无序列表，如下图所示：
6
第六步，使用F12快捷键或打开开发工具，查看生成的代码模块，如下图所示：
注意事项
1
注意在vue.js中进行自定义组件
2
注意如何自定义组件并进行调用