1.插槽slot基本使用「建议收藏」

1.插槽slot基本使用「建议收藏」<body><divid="app"><cpn></cpn><cpn><bstyle="c

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

<body>
    <div id="app">
        <cpn> </cpn>
        <cpn> <b style="color: red;"> 火星情报局 </b> </cpn>
        <cpn> <em style="font-size: 12px;"> 我是斜体 </em> </cpn>
    </div>
    <template id="cpn">
        <div>
            <h3>我是标题</h3>
            <p>好好学习,天天向上</p>
            <slot><button>下一步</button></slot>
            <!-- 1.插槽:如果有多个相同的组件 里面有些东西不需要同步  可以预留插槽 slot 
            在需要预留的地方 写 slot标签  然后在 使用子组件的时候 把不同的内容 放进去        
            2. 插槽默认值 <slot> <button></button> </slot>
            3.如果有多个值 同时放入组件进行替换时,会一起被作为替换元素
        -->
        </div>
    </template>
    <script src='https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js'></script>
    <script>
        const cpn = {
            template: "#cpn",
        }
        const app = new Vue({
            el: '#app',
            data: {

            },
            components: {
                cpn,
            }
        })
    </script>
</body>

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/166914.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Canonical号召开发者向Ubuntu融合设计发起贡献

    Canonical号召开发者向Ubuntu融合设计发起贡献

    2022年3月3日
    36
  • 公网IP和内网IP区别

    公网IP和内网IP区别什么是内网IP:一些小型企业或者学校,通常都是申请一个固定的IP地址,然后通过IP共享(IPSharing),使用整个公司或学校的机器都能够访问互联网。而这些企业或学校的机器使用的IP地址就是内网IP,内网IP是在规划IPv4协议时,考虑到IP地址资源可能不足,就专门为内部网设计私有IP地址(或称之为保留地址),一般常用内网IP地址都是这种形式的:10.X.X.X、172.16.X.X-1…

    2022年4月30日
    48
  • java的四种输入方法,你会几种?

    java的四种输入方法,你会几种?java的输入方法最常见的就是Scanner的方法,我经过查阅一些资料发现了输入方法原来还有那么多种,可以玩出不少花样,下面是我总结出的四种输入方式,有需要的可以拿去1.Scanner相关的功能Scanner的输入方法是最常见的一种,也是小编在此最推荐的一种,固定格式如下:importjava.util.Scanner;publicclassTestDemo1007_4{publicstaticvoidmain(String[]args){Scanner

    2022年7月9日
    107
  • vue 路由参数刷新页面状态保持_参数顺序不同算重载吗

    vue 路由参数刷新页面状态保持_参数顺序不同算重载吗针对Vue相同路由不同参数的刷新问题

    2022年4月20日
    121
  • pycharm怎么打开database_数据库在生活中的实例

    pycharm怎么打开database_数据库在生活中的实例显示Database功能(已有自动忽略)窗口右侧打开Database输入数据库信息登录数据库可以进行任意数据库操作,该工具类似许多数据库管理软件

    2022年8月25日
    9
  • 浅入浅出LuaJIT[通俗易懂]

    浅入浅出LuaJIT[通俗易懂]JIT什么是JITJIT=JustInTime即时编译,是动态编译的一种形式,是一种优化虚拟机运行的技术。程序运行通常有两种方式,一种是静态编译,一种是动态解释,即时编译混合了这二者。Java和.Net/mono中都使用了这种技术。然而IOS中禁止使用(不是针对JIT,而是所有的动态编译都不支持)!为什么要使用JIT解释执行:效率低。代码暴露。静态编译:不够灵活,无法热更新。

    2022年10月6日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号