7.5.2 内联模板演示代码 about vue-book HOT 1 OPEN

<div id="app">
    <child-component inline-template :message="message">
        <div>
            <p>在父组件中定义子组件的模板</p>
            <p>{{ message }}</p>
            <p>{{ msg }}</p>
        </div>
    </child-component>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script type="text/javascript">
    Vue.component('child-component',{
        props:['message'],
        data: function () {
           return {
               msg: "在子组件中声明的数据"
           }
       }
    });

    var app = new Vue({
        el:"#app",
        data: {
            message: "在父组件中声明的数据"
        }
    })
</script>