组件-使用 components 定义私有组件|学习笔记

简介: 快速学习组件-使用 components 定义私有组件

开发者学堂课程【Vue.js 入门与实战组件-使用 components 定义私有组件】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址https://developer.aliyun.com/learning/course/586/detail/8177


组件-使用 components 定义私有组件


目录:

一、回顾

二、Components 私有组件

 

之前学习的前三种方式,都属于创建全局组件,所谓的全局是代表, mycom3 不仅仅可以被 adv 启用。

 var vm =new vue({  el:'#app2'

也可以使用这个组件。此时刷新保存,可以得到以下显示结果:

image.png

这是全局的组件。

 

一、回顾

1.vm 属性有:

el:{}data:{}Methods:{}filters:{} ,过滤器directive:{},指令components:{}

其中,filters:{} 和 directive:{} 定义组件内部私有的指令,而 components:{} 定义实例内部私有组件

2. 钩子函数:

beforeCreate(){},created(){},beforeMount(){},mounted(){},beforeUpdate(){},updated(){},beforeDestroy(){},destroyed(){},

 

二、Components 私有组件

例:

var vm =new vue({

 el:'#app2',

components:{  //定义实例内部私有组件

login:{

template:’<h1>这是私有的login组件</h1>’

}

}

})

<div id=〝app2〞>

 <login></login>

</div>

var vm2 =new vue({

el:'#app2',

components:{  //定义实例内部私有组件

login:{

template:'#templ2'

}

}

})

<template id=〝templ2〞>

<h1>这是私有的login组件</h1>

</template>

相关文章
|
人工智能 前端开发 JavaScript
【AI】命令行调用大模型
通过命令行调用AI大模型以提高效率,文章介绍了一个使用前端npm的方法。首先创建npm包项目,初始化配置,然后编写`constant.js`、`kiwi.js`和`main.js`三个文件,分别存放API密钥、调用接口和主逻辑。在`kiwi.js`中使用axios与大模型API交互,`main.js`接收命令行参数并输出结果。通过修改`package.json`设置入口文件,并使用`npm link`全局安装,实现命令行调用,如`moon 你好`。
637 0
|
Kubernetes Linux Shell
k8s教程(pod篇)-定时任务
k8s教程(pod篇)-定时任务
934 1
|
Java Shell 数据安全/隐私保护
|
7月前
|
设计模式 存储 程序员
六大设计原则
本文介绍了六大设计原则,包括单一职责、开闭原则、里氏替换、接口隔离、依赖倒置和迪米特法则。每项原则均通过定义、设计要点及代码示例进行说明。单一职责强调类的功能应单一;开闭原则提倡对扩展开放、对修改封闭;里氏替换要求子类能无缝替换父类;接口隔离主张拆分专用接口;依赖倒置鼓励面向抽象编程;迪米特法则减少类间依赖。掌握这些原则有助于编写高质量、可维护的代码,并为学习23种设计模式奠定基础。
189 0
|
12月前
|
安全 数据中心
数据中心服务器机架是什么
数据中心服务器机架是用于容纳服务器、存储器等IT设备的结构,旨在提升数据中心的管理与运营效率。常见的类型包括开放式机架、封闭式机柜和壁挂式机架,每种类型各有特点,适用于不同的场景需求。选择时需考虑尺寸、承重、冷却效率及安全性等因素,以确保最佳的使用效果。
937 4
|
运维 监控 安全
什么是BOT+EPC模式?有哪些优点和缺点?适用于哪些领域和场景?
BOT + EPC 模式结合了建设-经营-转让(BOT)和设计-采购-施工(EPC)两种模式,项目公司负责融资、设计、采购、施工及运营,旨在减轻政府财政压力,提高项目建设和运营效率,促进技术创新和管理创新,推动基础设施建设和经济发展。该模式广泛应用于高速公路、城市轨道交通、污水处理厂等大型基础设施项目,通过特许经营协议明确各方权利义务,确保项目顺利实施和移交。
|
监控 Java Linux
linux下监控java进程 实现自动重启服务
linux下监控java进程 实现自动重启服务
|
JavaScript 容器
vue3对组件以及element元素初始化的流程原来是这样实现的
vue3对组件以及element元素初始化的流程原来是这样实现的
|
编解码 前端开发
ATV和DTV(瞎乱草稿 笔记,没有条理,后续会整理)
ATV和DTV(瞎乱草稿 笔记,没有条理,后续会整理)
1562 0
|
Java Spring
spring如何保证事件顺序发送
spring如何保证事件顺序发送