Vue入门学习（组件化开发）

二、关于Vue组件

=====================================================================

1.如何定义组件名

---

• 使用 kebab-case

ue.component(‘my-component-name’, {

/* … */ //组件的内容

})

• 使用 PascalCase

Vue.component(‘MyComponentName’, {

/* … */ //组件的内容

})

PascalCase (首字母大写命名) 定义一个组件时，你在引用这个自定义元素时两种命名法都可以使用。也就是说 和 都是可接受的。

2.组件分类

---

(1). 全局组件

在注册之后可以用在任何新创建的 Vue 根实例 (new Vue) 的模板中

这三个组件在各自内部也都可以相互使用。

(2). 局部组件

通过一个普通的 JavaScript 对象来定义组件：

3.组件与实例

---

在Vue中我们有： 组件 = 实例

4.组件传值

---

(1).父组件向子组件传递参数

父组件向子组件传递参数的时候依靠 属性传递

<button @click=“handleSubmit”>提交

<component-a

v-for=“(item, index) of list”

:key=“index”

:content=“item” //父组件的属性值

:index=“index”

@delete=“handleDelete”

(2).子组件向父组件传递参数

子组件向父组件传递参数的时候通过发布订阅事件完成

子组件发布一个事件，父组件订阅该事件

<button @click=“handleSubmit”>提交

<component-a

v-for=“(item, index) of list”

:key=“index”

:content=“item”

:index=“index”

@delete=“handleDelete”

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

文末

我一直觉得技术面试不是考试，考前背背题，发给你一张考卷，答完交卷等通知。

首先，技术面试是一个 认识自己 的过程，知道自己和外面世界的差距。

更重要的是，技术面试是一个双向了解的过程，要让对方发现你的闪光点，同时也要 试图去找到对方的闪光点，因为他以后可能就是你的同事或者领导，所以，面试官问你有什么问题的时候，不要说没有了，要去试图了解他的工作内容、了解这个团队的氛围。

前端面试题汇总

JavaScript

性能

linux

前端资料汇总

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

e668ce.png)

性能

linux

前端资料汇总

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-QBegzb2i-1712869760996)]