<body><div id="app"><div>{{pmsg}}</div><menu-item title='来自父组件的值'></menu-item><!--直接传值--><menu-item :title='ptitle' content='hello'></menu-item><!--通过data中的变量传值--></div><script type="text/javascript" src="js/vue.js"></script><script type="text/javascript">ponent('menu-item', {props: ['title', 'content'],/*通过子组件的属性获得值*/data: function() {return {msg: '子组件本身的数据'}},template: '<div>{{msg + "----" + title + "-----" + content}}</div>'});var vm = new Vue({el: '#app',data: {pmsg: '父组件中内容',ptitle: '动态绑定属性'}});</script></body>
100字范文,内容丰富有趣,生活中的好帮手!