一般情况下，在对vue.js中的对象进行实例化，需要挂载在节点上，使用el进行挂载。如果实例化对象时不给el属性，可以使用$mount()方法动态绑定挂载节点。下面利用实例说明，操作如下：
工具/原料
1
JavaScript
2
HTML5
3
CSS3
4
HBuilderX
5
Vue.js
6
浏览器
7
截图工具
方法/步骤
1
第一步，在创建好的Web项目中，新建一个页面并引入核心js文件，然后修改title内容，如下图所示：
2
第二步，在
标签中，插入四组label和span标签，分别绑定同一个值color，如下图所示：3
第三步，使用vue.js的实例化对象赋值，创建两个对象并给color赋值，如下图所示：
4
第四步，使用相同的方式给第三个和第四个赋值，但是不给el属性值，如下图所示：
5
第五步，在四组label和span标签下方添加一个按钮，并对按钮绑定事件，如下图所示：
6
第六步，定义按钮点击事件bindEvent，然后调用mount()方法绑定和挂载节点，如下图所示：
注意事项
1
注意在vue.js中动态绑定多个vue对象
2
注意vue.js中的mount方法的用法