vue學習——剛學Vue組件,吐槽一個東西
阿新 • • 發佈:2018-11-02
class https device ejs 是什麽 ble onclick .net cal
Vue組件的props是用來傳值的
- 這裏是官方鏈接
template:"<bbb @click='onClick()'>{{value}}</bbb>", //"<div>{{value}}</div>"
討厭的東西就出在這行代碼,一個組件的 template
調用同級別的組件 bbb
然後使用 props
傳值,結果是行不通的,並且沒有報錯!雖然,明知道是什麽問題,可是還是令我感到不舒服。
測試代碼:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Vue組件學習demo2</title> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <div id="app"> <aaa value="233"></aaa> <bbb value="233"></bbb> </div> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script> <script> //aaa組件 Vue.component("aaa",{ template:"<bbb @click='onClick()'>{{value}}</bbb>", //"<div>{{value}}</div>" methods: { onClick:function(){ console.log("點擊了a的onClick()") }, }, props:['value'] }) //bbb組件 Vue.component("bbb",{ template:"<h2 @click='onClick()'></h2>", methods: { onClick:function(){ alert("點擊了b的onClick()") }, }, }) var app = new Vue({ el: '#app', }) </script> </body> </html>
vue學習——剛學Vue組件,吐槽一個東西