Vuejs——組件——props資料傳遞

標籤：傳遞   data   pre   com   屬性   nbsp   exp   資料   資料傳遞   

父組件向子組件傳遞：

wapper.vue父組件

<template>  <div>    <input type="text" v-model="msg">    <br>   <!--  將子控制項屬性inputValue與父組件msg屬性綁定 -->    <child :inputValue="msg"></child>  </div></template><style></style><script>  export default{    data(){      return {        msg: ‘請輸入‘      }    },    components: {      child: require(‘./Child.vue‘)    }  }</script>
child.vue子組件

<template>  <div>    <p>{{inputValue}}</p>  </div></template><style></style><script>    export default{        props: {          inputValue: String        }    }</script>

 

 

Vuejs——組件——props資料傳遞