快速理解Vue组件化开发，爆肝半万字，干货太多，”建议收藏细品“

methods: {

}

}

// 父组件，实例

const app = new Vue({

el: ‘#app’,

data: {

message: ‘你好吖’,

movies: [‘海王’, ‘海贼王’, ‘海尔兄弟’]

},

// components注册组件

components: {

// 相当于cpn:cpn ，是es6的增强写法

cpn

}

});

组件通信子传父$emit(发射事件)

<cpn @item-click=“cpnClick”>

<button v-for=“item in categories” @click=“btnClick(item)”>

{{item.name}}

组件访问父访问子

<button @click=“btnClick”>按钮

我是子组件

组件化高级

---

slot插槽的基本使用

我是span

我i是

我是p

我是组件

我是组件的p

按钮

具名插槽的作用

换的中间

换的左边

左边

中间

最后

如果你已经下定决心要转行做编程行业，在最开始的时候就要对自己的学习有一个基本的规划，还要对这个行业的技术需求有一个基本的了解。有一个已就业为目的的学习目标，然后为之努力，坚持到底。如果你有幸看到这篇文章，希望对你有所帮助，祝你转行成功。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】