SOURCE

// Vue.component('my-cmp, {}')
var cmp = {
  data: function() {
  	return {
        status: '  CCCCC   '
    }
	},
  methods: {
    Change: function() {
      this.status = 'aa'
    }
  },
  template: '<p> {{ status }} <button @click="Change">变</button></p>'
};

new Vue({
  el: '#app',
  components: {
    'my-cmp' : cmp
  }
})

new Vue({
  el: '#app1'
})

<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<div id="app">
  <my-cmp></my-cmp>
  <hr />
  <my-cmp></my-cmp>
</div>
<hr />
<div id="app1">
  <my-cmp></my-cmp>
  <hr />
  <my-cmp></my-cmp>
</div>