溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
在父組件 App.vue 中引用子組件 A.vue，把 name 的值傳給 A 組件。
1、安裝
在桌面新建一個文件夾
$ cd 到文件中 $ npm install -g vue-cli $ vue init webpack . $ npm install $ npm run dev
vue init webpack . 之后的選擇解釋
2、刪除
1、刪除App中的一些內容如下
2、刪除components文件中的HelloWorld.vue
3、修改
修改App.vue
如下：
<template>
<div id="app">
// message 定義在子組件的 props 中
<A v-bind:message="name"/>
</div>
</template>
<script>
import A from './components/A'
export default {
name: 'App',
components: {
A
},
data(){
return{
name:"我就是數據啊"
}
}
}
</script>
4、新建
在components新建A.vue并寫入內容如下：
<template>
<div>{{message}}</div>
</template>
<script>
export default {
props: ['message'] //接受message傳過來的數據
}
</script>
5、最后
在命令行輸入
$ npm run dev
總結
以上所述是小編給大家介紹的vue2.0 父組件給子組件傳遞數據的方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
