随笔分类 - vue组件
摘要：在vue的学习中，vue组件间的通信是不得不了解的，在实际开发中，也是非常常用的，所以这里我总结了Vue组件的通信的6种方式，希望能帮助小伙伴们更好更快的去理解Vue组件间的通信 组件关系说明 由上边的图可以看出以下几个关系： A与B是父子关系 A与C是父子关系 B与D是父子关系 C与E是父子关系
阅读全文
摘要：文章目录 一、案例概述 二、代码 准备工作： 案例1.1：父组件向子组件传值（或者叫：子组件使用父组件属性），采用v-bind方式实现 案例1.2：子组件向父组件传值（或者叫：子组件调用父组件方法）,修改父组件属性，采用$emit和v-on(或者叫@自定义事件)方式实现 案例1.3：父组件调用子组件
阅读全文
摘要：1. props/$emit 简介 props和 $emit相信大家十分的熟悉了，这是我们最常用的vue通信方式。 props： props可以是数组或对象，用于接收来自父组件通过v-bind传递的数据。当props为数组时，直接接收父组件传递的属性；当 props 为对象时，可以通过type、de
阅读全文
摘要：我们在开发单页面应用时，有时需要进入某个路由后基于参数从服务器获取数据，那么我们首先要获取路由传递过来的参数，从而完成服务器请求，所以，我们需要了解路由传参的几种方式，以下方式同 vue-router@4。 编程式路由传参 除了使用 <router-link> 创建 a 标签来定义导航链接，我们还可
阅读全文
摘要：当做到比较大的项目时，一个vue文件里面可能要包含上千行代码，这样不利于后期维护与问题定位，抽离成组件就尤其重要了 重中之重的就是组件之间数据传递的几种方式 Vue2最常见的11种组件间的通讯方式 props $emit / v-on .sync v-model ref $children / $p
阅读全文
摘要：一、vue组件通信 1、props（父向子传递） 父组件使用子组件时，自定义属性（属性名任意，属性值为要传递的数据） 子组件通过props接收父组件数据，通过自定义属性的属性名 示例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT
阅读全文
摘要：一、组件 组件(Component)是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。根据项目需求，抽象出一些组件，每个组件里包含了展现、功能和样式。每个页面，根据自己所需，使用不同的组件来拼接页面。这种开发模式使前端页面易于扩展，且灵活性高，而且组件之间也实现了解耦。本文
阅读全文