<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
li{
list-style: none;
}
</style>
</head>
<body>
<div id="app">
<my></my>
</div>
<script src="js/vue.js"></script>
<script>
Vue.component('my',{
template:`
<div>
<my1 v-bind:num="mag"></my1>
<my2 v-bind:num1="mass"></my2>
</div>
`,
data:function(){
return{
mag:'水果列表',
mass:['蘋果','香蕉','鴨梨']
}
},
})
Vue.component('my1',{
props:['num'],
template:`
<div>
<h3>{{num}}</h3>
</div>
`
})
Vue.component('my2',{
props:['num1'],
template:`
<div>
<ul>
<li v-for="w in num1">{{w}}</li>
</ul>
</div>
`
})
new Vue({
el:'#app'
})
</script>
</body>
</html>
組件（父傳子）
?著作權歸作者所有,轉載或內容合作請聯系作者
- 文/潘曉璐 我一進店門橱脸，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人分苇，你說我怎么就攤上這事添诉。” “怎么了医寿？”我有些...
- 正文 為了忘掉前任沟突，我火速辦了婚禮花颗，結果婚禮上，老公的妹妹穿的比我還像新娘惠拭。我一直安慰自己扩劝，他們只是感情好，可當我...
- 文/花漫 我一把揭開白布职辅。 她就那樣靜靜地躺著棒呛，像睡著了一般。 火紅的嫁衣襯著肌膚如雪域携。 梳的紋絲不亂的頭發(fā)上簇秒，一...
- 文/蒼蘭香墨 我猛地睜開眼宠默，長吁一口氣：“原來是場噩夢啊……” “哼麸恍！你這毒婦竟也來了？” 一聲冷哼從身側響起，我...
- 正文 年R本政府宣布粹淋，位于F島的核電站，受9級特大地震影響瑟慈，放射性物質發(fā)生泄漏桃移。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一封豪、第九天 我趴在偏房一處隱蔽的房頂上張望谴轮。 院中可真熱鬧，春花似錦吹埠、人聲如沸第步。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽粘都。三九已至，卻和暖如春刷袍，著一層夾襖步出監(jiān)牢的瞬間翩隧，已是汗流浹背。 一陣腳步聲響...
推薦閱讀更多精彩內容
- Vue2.0 傳值方式： 在Vue的框架開發(fā)的項目過程中，經常會用到組件來管理不同的功能策治，有一些公共的組件會被提取...
- 需求1：我們在最下方有一個按鈕 網頁向上滾動的時候：消失 向下滾動的時候: 出現 需求2: 控制網頁的點擊 控制跳轉方向
