JSFiddle - React, Tailwind, and code Playground

by micate

HTML

<script src="https://unpkg.com/marked@0.3.6"></script>
<script src="https://unpkg.com/lodash@4.16.0"></script>
<script src="https://unpkg.com/vue@latest/dist/vue.js"></script>
<div id="app">
  <some-name :text="'直接传递字符串'"></some-name>
  <some-name :text="text"></some-name>
</div>

JavaScript

Vue.component('some-name', {
	template: '<div>{{text}}</div>',
	props: {
  	text: {
    	type: String
    }
  },
  mounted: function() {
  	console.info(this.text);
  }
})

new Vue({
  el: '#app',
  data: {
  	text: '引用 data 中的 key'
  }
})