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


相关推荐

  • 身份证的校验规则_身份证号有效

    身份证的校验规则_身份证号有效/**身份证15位编码规则:ddddddyymmddxxp*dddddd:6位地区编码*yymmdd:出生年(两位年)月日,如:910215*xx:顺序编码,系统产生,无法确

    2022年8月3日
    8
  • vue的form表单提交_axios提交表单

    vue的form表单提交_axios提交表单利用v-model能比较便捷地上传用户信息的数据,不用一个个参数地拼接。直接在data根据要传的字段定义一个对象,再利用双向绑定得到值。下面写了传json格式跟formData格式的两种情况,根据实际参考<template><divclass=”from_box”><formaction=””><inputty……

    2022年10月7日
    6
  • dede首页调用分类信息

    dede首页调用分类信息

    2021年9月20日
    50
  • linux vim :E325 解决办法[通俗易懂]

    linux vim :E325 解决办法[通俗易懂]在终端中输入ls-la找到.swp文件(这个文件是个隐藏文件,所以删除时要加上.),然后rm.你的swp文件。

    2022年5月16日
    35
  • 地理加权分析_地理加权回归中的拟合度

    地理加权分析_地理加权回归中的拟合度地理加权回归分析完成之后,与OLS不同的是会默认生成一张可视化图,像下面这张一样的:这种图里面数值和颜色,主要是系数的标准误差。主要用来衡量每个系数估计值的可靠性。标准误差与实际系数值相比较小时,这些估计值的可信度会更高。较大标准误差可能表示局部多重共线性存在问题。根据官方的说法,需要检查超过2.5倍标准差的地方……这些地方可能会有问题。虽然在软件里面,默认只显示这样一张图,但

    2022年10月7日
    3
  • 静态代码检查报告

    静态代码检查报告今天在下面刊载一篇小王同学写的静态代码检查报告 图文并茂 条理清晰 1 工具说明 FindBugs 是一个静态分析工具 它检查类或者 JAR 文件 将字节码与一组缺陷模式进行对比以发现可能的问题 有了静态分析工具 就可以在不实际运行程序的情况对软件进行分析 不是通过分析类文件的形式或结构来确定程序的意图 而是通常使用 Visitor 模式 Findbugs 可以

    2025年11月16日
    4

发表回复

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

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