2024年前端最全vue 实现，子组件向父组件 传递数据，移动web开发教程

总结

根据路线图上的重点去进行有针对性的学习，在学习过程中，学会写笔记，做总结。

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

这里分享一些前端学习笔记：

• html5 / css3 学习笔记

  

• JavaScript 学习笔记

  

• Vue 学习笔记

  

父子关系即是组件 A 在它的模板中使用了组件 B，那么组件 A 就是父组件，组件 B 就是子组件。

先写子组件：

绑定一个单击事件

<el-button type=“primary” icon=“el-icon-search” @click=“search” style=“background: #5b6270; border: none;”>搜索

定义数组：用来存值，然后传递给父组件

export default {

data() {

return {

childByValue:[] //先定义一个数组

};

}

}

methods: {

search: function() {

const inp = this.input;

if (inp ===“”) {

this.selectAll(); //如果为空 则执行selectAll去

} else {

this.$axios.get(‘http://localhost:9999/search?productName=’ + inp).then(res => {

if (res.data === “error”) {

alert(“抱歉，没有查询到你需要的商品”);

} else {

this.childByValue = res.data; //给数组赋值

this.$emit(‘childByValue’, this.childByValue) //发射、广播出去 主要这里

}

})

}

}

}

然后子组件就写完了

父组件：

使用components      翻译就是：组成的意思

最后前端到底应该怎么学才好？

如果你打算靠自己摸索自学，那么你首先要了解学习前端的基本大纲，这是你将要学习的主要内容，理解以及掌握好这些内容，便可以找到一份初级的前端开发工作。你还需要有一套完整的前端学习教程，作为初学者最好的方式就是看视频教程学习，初学者容易理解接受。

不要选择买书学习，这样的方式没有几个人能学会，基本都是看不下去书，也看不懂书。如果喜欢看书的学弟，可以买一些经典的书籍作为辅助即可，主要还是以看教程为主。每天抽出固定几个小时学习，做好长期学习的准备。学习编程并不是每天光看视频，你学习编程最重要的目的是为了编写软件产品，提供给大众使用，所以用手写出代码实现功能才是我们要做的事情。

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