zoukankan      html  css  js  c++  java
  • 07 匿名插槽

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <div id="app">
        <App></App>
    </div>
    <script src="./vue.js"></script>
    <script>
        Vue.component('Mbtn',{
            template: `
                   <btton>
                        //无需多个槽
                        <slot></slot>
                    </btton>>`
        })

        const App = {
            data(){
                return {
                    title:'老爸'
                }
            },
            template:`
                    <div>
                        <Mbtn><a href="#">登录</a></Mbtn>
                        <Mbtn>注册</Mbtn>
                    </div>`,

        }

        new Vue({
            el:'#app',
            data:{

            },
            components:{
                //2.挂载子组件
                App
            }
        })

    </script>
    </body>
    </html>
  • 相关阅读:
    Web后台项目学习2(代码部分)
    Web后台项目学习
    JDBC
    爬虫视频
    asyncio
    一篇做实验的随笔
    day14
    day13
    html+css 习题
    js-练习题
  • 原文地址:https://www.cnblogs.com/wuhui1222/p/14202594.html
Copyright © 2011-2022 走看看