html 代码
- <!DOCTYPE HTML>
- <HTML lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Title</title>
- </head>
- <body>
- <div id="App">
- <my-component1 :msg="a"></my-component>
- </div>
- </body>
JS 代码
JavaScript 代码
- var vm = vue.extend({
- components:{
- 'my-compont':{
- props:['msg'], /* 这里是为子模板传值 */
- template:"<div > 这里是模板 </div>"
- }
- }
- })
- new vm({
- /* 这里是 Vue 实例 */
- el:"#App"
- data:{
- a:'111'
- }
- })
来源: http://www.qdfuns.com/article/29772/060575439eea01e238c7218891ba848a.html