<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>组件基础</title>
</head>
<body>
    <div id="app">
        <greeting to="mike">Hello,</greeting>
        <greeting to="jane">Hello,</greeting>
    </div>

    <script src="../js/vue.js"></script>

    <script>
        Vue.component('greeting',{
            props:['to'],
            template:'<div><h1><slot></slot></h1><h2>{{to}}</h2></div>',
        });

        let vm = new Vue({
            el:'#app'
        });

        /*
        template中必须有唯一根元素div，包裹其他元素
         */
    </script>
</body>
</html>