热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

Vue.js——注册组件的语法糖写法——2020.11.23

注册组件的语法糖写法一丶案例代码二丶运行结果——博观而约取,厚积而薄发——一丶案例代码

注册组件的语法糖写法

    • 一丶案例代码
    • 二丶运行结果
            • ——博观而约取,厚积而薄发——


一丶案例代码





<html lang&#61;"en">
<head><meta charset&#61;"UTF-8"><title>Titletitle>
head>
<body>
<div id&#61;"app"><h1>我是全局变量h1><my_cpn>my_cpn><hr><h1>我是局部变量h1><my_cpn1>my_cpn1>
div><script src&#61;"https://cdn.jsdelivr.net/npm/vue/dist/vue.js">script>
<script>// 1.全局组件注册的语法糖// 1.创建组件构造器// 2.注册组件// 内部自动调用extend()Vue.component(&#39;my_cpn&#39;,{template:&#96;

我是标题

我是内容&#xff0c;Blockchain

我是内容&#xff0c;Key

&#96;})//构建局部组件的语法糖const app &#61; new Vue({el:"#app",data:{},components:{my_cpn1:{template:&#96;

我是标题

我是内容&#xff0c;Blockchain

我是内容&#xff0c;Key

&#96;
}}})
script>
body>
html>

二丶运行结果

在这里插入图片描述

——博观而约取&#xff0c;厚积而薄发——

推荐阅读
author-avatar
手机用户2602927807
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有