一、组件的介绍 现代前端技术都是由组件构建成一个大型项目,最开始使用组件构建项目的可能是react,之后angular2,vue都使用组件构建大型项目二、创建组件的几种方式1、全局创建组件Vue.component('component2', { template: '<h1>我是组件2</h1>'})2、局部创建组件var app = new Vue({ el: '#a
原创
2021-06-15 16:04:58
86阅读
前言：应上级要求，搭建一个公司内部的vue组件库，由于临近我预计的离职时间，所以只将流程梳理实践了一遍。假设组件库名称为ui-library。一、使用vue-cli3创建ui-library项目vue create ui-library创建项目时选择自定义模板，我的配置如下 记得vue版本需要选择2.x。ui-library目录如下 二、在根目录添加vue.conf
我们都知道Vue作为一个轻量级的低门槛入门前端框架，其核心就是 组件化开发 。Vue就是由多个组件组建成的，组件化是它的精髓，更是它的强大之处。各组件实例之间是相互独立的，这也就意味着不同组件之间数据是无法相互共用。 但实际项目开发中，我们时常需要其他组件的数据，为此诞生了组件通信的问题。针对组件之 ...
转载
2021-08-10 09:28:00
182阅读
2评论
在Vue3中，常用的组件间通信有以下几种方式：父传子：通过props向子组件传递数据。父组件：<template>
<child-component :message="hello"></child-component>
</template>
<script>
import ChildComponent from './Child
原创
2023-07-18 08:14:30
1882阅读
1、中央事件总线bus 2、父链 注：尽量少用，父子组件最好通过props和$emit来通信。 3、子组件索引 注：仅仅作为直接访问子组件的应急方案，避免在模板或者计算属性中使用$refs.
转载
2017-12-18 16:00:00
221阅读
2评论
前言我们知道vue3的Composition Api是它几个最大亮点之一，所以下文都是在setup中演示代码的实现。后面会以开发几个简单form组件为例子来演示。基本操作这里先简单开发一个VInput的输入框组件。组件就像一个函数，主要就是处理输入和输出。Vue3在setup函数上提供了两个参数，一个props，一个是context下面的emit方法，分别来处理输入和输出。props现在VInpu
转载
2021-01-17 19:43:58
2072阅读
带你快速了解Vue2和Vue3开发组件的区别，技术尝鲜~
转载
2022-05-06 10:36:19
565阅读
本章我们将介绍组件间是如何实现数据通信的。包括父组件向子组件、子组件向父组件、兄弟
原创
2022-09-17 03:04:32
139阅读
智能社——http://www.zhinengshe.com 我是子组件 {{msg}} 父级: ->{{a}} ...
转载
2017-06-11 23:17:00
48阅读
2评论
本文介绍3中类型：1、父子组件之间的通信2、非父子组件的通信3、较为复杂的通信一、父子组件之间的通信：访问： http://www.jianshu.com/p/2670ca096cf8二、非父子组件之间的通信：1、创建bus.js 创建一个新的Vue实例，以后它就承担起了组件之间通信的桥梁了，也就是中央事件总线。2
原创
2021-07-15 09:52:48
189阅读
一、组件化开发思想
1. 什么是组件化开发
组件化开发指的是：根据封装的思想，把页面上可重用的部分封装为组件，从而方便项目的开发和维护。例如：ibootstrap - Bootstrap 可视化布局系统 所展示的效果，就契合了组件化开发的思想。用户可以通过拖拽组件的方式，快速生成一个页面的布局结构。
2. 组件化开发的好处
前端组件化开发的好处主要体现在以下两方面：
提高了前端代码的复用性和灵活
抽个小空，写个总结。方便以后查看 有不对的，请指出，非常感谢； 1.父子组件通信 父组件 =》子组件 props 在父组件中： 调用子组件的时候，将msg传递 可以是变量 用： <tips :msg="msg"></tips> 在子组件中： 通过props接受父组件传递过来的数据 ：msg //te
原创
2022-07-06 11:57:15
75阅读
1.父组件到子组件通信通过props属性来传递/*------HTML-----*/ /*------javascript----- *///注册全局组件（子...
转载
2017-09-23 12:39:00
122阅读
组件间通信方式 组件间通信方式有三种： props 父组件向子组件传递数据 $emit 自定义事件（子组件向父组件传递数据） slot 插槽分发内容 组件间通信要遵循以下的规则： 不要在子组件中直接修改父组件传递的数据 数据初始化时，应当看初始化的数据是否用于多个组件中，如果需要被用于多个组件中，则
原创
2022-07-07 10:44:56
83阅读
Vue 组件间的通信 组件间通信方式 props ：父组件向子组件传递数据。 $emit ：自定义事件。 slot ：插槽分发内容，带上标签数据一起传输，主要是父组件想子组件传输。 组件间通信规则 不要在子组件中直接修改父组件传递的数据。 数据初始化的时候，应当看初始化的数据是否用于多个组件中，如果
原创
2022-06-23 12:22:59
291阅读
? 背景最近项目中需要制作一个图层拖拽到组的交互（如下图展示），今天分享一下这个组件功能。希望能抛砖引玉，给大家带来启发。?需求功能1.新建组，再新建图层，在组下显示；2.新建组没选中，则图层和组在同级；3.图层拖拽可以在一级也可在组下面；4.组拖拽只能在一级，不能叠加到组内；5.组删除，该组下图层全部删除；6.组点击眼睛，该组下图层全部显示，点击闭眼，该组下图层全部不显示。?设计开发先说一下我的
原创
2023-08-03 20:39:55
331阅读
vue3组件创建，vue3组件全局注册，vue3组件插槽封装
原创
2022-11-18 00:08:52
182阅读
