JSFiddle - React, Tailwind, and code Playground

by edith_tang

HTML

<div id="app">
  {{ message }}
  <a-component></a-component>
</div>

JavaScript

Vue.component('a-component', {
	template: '<button @click="handleClick">通过父链直接修改数据</button>',
  methods: {
		handleClick: function() {
    	this.$parent.message = '来自component-a修改后的数据'
    }
  }
})

var app = new Vue({
	el: '#app',
  data: {
  	message: ''
  }
})