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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • net::ERR_CLEARTEXT_NOT_PERMITTED Android9.0无法加载url

    net::ERR_CLEARTEXT_NOT_PERMITTED Android9.0无法加载url

    2021年10月1日
    484
  • 美国网件对KRACK WPA2安全漏洞做出回应:表示正积极跟进修复[通俗易懂]

    美国网件对KRACK WPA2安全漏洞做出回应:表示正积极跟进修复[通俗易懂]NETGEAR美国网件意识到最近公布的安全漏洞KRACK,它利用了WPA2(WiFi保护访问II)中的安全漏洞。美国网件现正在积极跟进修复,已更新了多个产品的修复程序,请浏览美国网件官方网站(https://kb.netgear.com/000049498/Security-Advisory-for-WPA-2-Vulnerabilities-PSV-2017-2826-PSV-2017-2836…

    2022年5月29日
    38
  • winrar3.7-winrar4.0的注冊码[通俗易懂]

    winrar3.7-winrar4.0的注冊码[通俗易懂]首先新建记事本文件(txt文件),把下面红色代码复制进去,然后将文件另存为以rarreg.key为文件名称的文件(当然因为设置的不同,可能出现你保存后的文件为rarreg.key.txt没关系

    2022年7月3日
    43
  • 怎样免费完美的把PDF转Word?

    怎样免费完美的把PDF转Word?简介PDF可以分为文字型PDF和图片型PDF,文字型PDF即可以选中文字内容的PDF,反之图片型PDF即无法选中文字的PDF,其内容实际上是图片。本文针对不同类型,介绍PDF转Word方法,可以说是目前的最优解,没有之一。文字型PDF转Word方法1-直接用Word打开优点简单方便缺点部分样式丢失,排版错位,转换并不完美部分文件会有乱码无法识别图片型PDF里的文字总结适合对样式不敏感,主要关心正文内容的用户文字型PDF转Word方法2-使用超级PDF在线工具可以看到Word.

    2022年5月8日
    52
  • Mac上安装Mysql配置文件的添加及修改配置文件

    Mac上安装Mysql配置文件的添加及修改配置文件安装Mysql默认安装在/usr/local目录下,这个目录可以通过command+shift+G进入:进入后选择mysql安装文件夹。配置文件Mac上Mysql默认没有配置文件,需要自己添加,可以support-file文件目录下的my-default.cnf复制一份到桌面上,可以把文件中的内容全部替换为一下内容#ExampleMySQLconfigfileforsmall

    2022年6月2日
    744
  • vuex使用步骤_vuex的原理

    vuex使用步骤_vuex的原理前言每一个Vuex应用的核心就是store(仓库)。store基本上就是一个容器,它包含着你的应用中大部分的状态(state)。Vuex和单纯的全局对象有以下两点不同:Vuex的状态存

    2022年8月7日
    1

发表回复

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

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