搬砖工具人

2022年4月8日

摘要： props用于父组件向子组件传递数据,还有一种比较常见的是子组件传递数据或事件到父组件中。这个时候,我们需要使用自定义事件来完成。 ■什么时候需要自定义事件呢? 当子组件需要向父组件传递数据时,就要用到自定义事件了。我们之前学习的v-on不仅仅可以用于监听DOM事件,也可以用于组件间的自定义事件阅读全文

posted @ 2022-04-08 11:23 搬砖工具人阅读(109) 评论(0) 推荐(0) 编辑

十九、父子组件的通信（父组件向子组件传递数据）

摘要：在开发中,往往一些数据确实需要从上层传递到下层: 比如在一个页面中,我们从服务器请求到了很多的数据。其中一部分数据,并非是我们整个页面的大组件来展示的,而是需要下面的子组件进行展示。这个时候,并不会让子组件再次发送一个网络请求,而是直接让大组件(父组件)将数据传递给小组件(子组件)。 Vue官方阅读全文

posted @ 2022-04-08 10:12 搬砖工具人阅读(115) 评论(0) 推荐(0) 编辑

2022年4月7日

十八、组件数据的存放

摘要：组件数据的存放组件对象也有一个data属性(也可以有methods等属性,下面我们有用到) 只是这个data属性必须是一个函数而且这个函数返回一个对象,对象内部保存着数据 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></ 阅读全文

posted @ 2022-04-07 17:49 搬砖工具人阅读(42) 评论(0) 推荐(0) 编辑

十七、模板的分离写法

摘要： ■刚才,我们通过语法糖简化了Vue组件的注册过程,另外还有一个地方的写法比较麻烦,就是template模块写法。 ■如果我们能将其中的HTML分离出来写,然后挂载到对应的组件上,必然结构会变得非常清晰。 ■Vue提供了两种方案来定义HTML模块内容: 使用<script>标签使用<template 阅读全文

posted @ 2022-04-07 17:16 搬砖工具人阅读(40) 评论(0) 推荐(0) 编辑

十六、父组件和子组件

摘要：在前面我们看到了组件树: 组件和组件之间存在层级关系而其中一种非常重要的关系就是父子组件的关系我们来看通过代码如何组成的这种层级关系: 父子组件错误用法：以子标签的形式在Vue实例中使用因为当子组件注册到父组件的components时,Vue会编译好父组件的模块该模板的内容已经决定了父组件将阅读全文

posted @ 2022-04-07 16:35 搬砖工具人阅读(62) 评论(0) 推荐(0) 编辑

公告