组件

• 注册组件时，组件名不要用系统已经使用过的，组件的template模板中只能有一个根元素
• 注册时用驼峰命名 使用时可以用连字符

<div id="app">
    <Lx></Lx>
    <Lay></Lay>
    <TAO></TAO>
   </div>
</body>
<script type="module">
      // 第三种方式
      import Tao from "./Tao.js"

    let a1={
        template:`<div>
            <p>hello</p>
            <h1>1111</h1>
            </div>`
    }
   new Vue({
    el:"#app",
    data:{
        msg:"666"
    },
    components:{
        // 第一种方式
        Lx:{
            template:`<div>
                <div>222</div>
                <p>luhan</p>
                </div> `
        },
        // 第二种方式
        Lay:a1,
        Tao,
      
    }
   })
</script>

Tao.js
let b1={
        template:`<div>
        <p>T-A-O</p>
        </div>`
}
export default b1;