vue元件3-父子元件props傳參
阿新 • • 發佈：2019-02-15
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>父子元件傳參-props</title> </head> <script src="vue.js"></script> <body> <div id="app1"> <parent></parent> </div> <script> Vue.component('child', { // 宣告 props props: ['message'], template: '<span>{{ message }}</span>' }) //父子元件props傳參子元件中可以使用props:['myMessage'],在父元件引用子元件時,使用my-message ="xx" Vue.component('parent',{ template:'<div><child message="我是子元素"></child></div>' }) new Vue({ el:"#app1" }) </script> </body> </html>