vue是一个轻量级的渐进式框架，对于它的一些特性和优点在此不做阐述，本篇文章主要来学习一下Vue子父组件通信的问题。 gitHub地址：整个案例的Demo首先先定义一下，相对本案例来说App.vue是父组件, Child.vue是子组件。一、父组件向子组件传值 1、创建子组件，在src/components文件夹下新建一个Child.vue2、Child.vue中创建props，然后创建
vue3组件创建，vue3组件全局注册，vue3组件插槽封装
原创
2022-11-18 00:08:52
186阅读
上一篇文章小编用Vue的语法编写了一个简单的todoList，实现的逻辑比较简单，但是在实际项目中，会涉及到一些比较复杂的逻辑，比如在item中添加各种各样的标签，再加上甲方爸爸提出各种各样的需求，最后可能把我们搞到崩溃。所以引入了在组件化的概念。在组件化之前，小编先跟大家补充一些基础知识。一、数据 ...
转载
2021-08-26 20:37:00
235阅读
2评论
在 Vue3开发中，我们经常需要对元素的类和样式进行动态控制。本文将详细介绍如何使用 Vue.js 的特性来实现这一目标。
前言我们知道vue3的Composition Api是它几个最大亮点之一，所以下文都是在setup中演示代码的实现。后面会以开发几个简单form组件为例子来演示。基本操作这里先简单开发一个VInput的输入框组件。组件就像一个函数，主要就是处理输入和输出。Vue3在setup函数上提供了两个参数，一个props，一个是context下面的emit方法，分别来处理输入和输出。props现在VInpu
转载
2021-01-17 19:43:58
2078阅读
Vue组件注册原理一、Vue组件的注册 在Vue中使用组件，可能需要用到注册组件，它提供了全局注册和局部注册两种方式。//
开发中，参数的传递是个最基本的业务需求。通过URL地址来传递参数是一个形式，这节课我们就看看vue-router为我们提供了那些传递参数的功能。我们先想象一个基本需求，就是在我们点击导航菜单时，跳转页面上能显示出当前页面的路径，来告诉用户你想在所看的页面位置（类似于面包屑导航）。一、用name传递参数前两节课一直出现name的选项，但是我们都没有讲，这节课我们讲name的一种作用，传递参数。接着上
[info]这个章节认为你已经掌握组件基础。如果你对组件还不熟悉，请先学习。组件名称组件注册时需要指定一个名称。例如全局注册时：const app = Vue.createApp({...})
app.component('my-component-name', {
/* ... */
})app.componet第一个参数就是组件名称。上面示例中组件名称为my-component-name
# 理解和实现 TypeScript Vue 3 组件的类型
作为一名刚入行的小白，了解如何在 Vue 3 中使用 TypeScript 创建组件的类型是非常重要的。本文旨在通过一个简单、循序渐进的过程，帮助你理解这一过程，并最终实现具有类型的 Vue 3 组件。
## 流程概述
以下表格展示了实现 TypeScript Vue 3 组件的步骤：
| 步骤 | 描述
前言：应上级要求，搭建一个公司内部的vue组件库，由于临近我预计的离职时间，所以只将流程梳理实践了一遍。假设组件库名称为ui-library。一、使用vue-cli3创建ui-library项目vue create ui-library创建项目时选择自定义模板，我的配置如下 记得vue版本需要选择2.x。ui-library目录如下 二、在根目录添加vue.conf
在Vue3中，常用的组件间通信有以下几种方式：父传子：通过props向子组件传递数据。父组件：<template>
<child-component :message="hello"></child-component>
</template>
<script>
import ChildComponent from './Child
原创
2023-07-18 08:14:30
1933阅读
VUE框架Vue3组件切换页面准备------VUE框架
基础环境①所需的基本ui组件基本后台模块 element、iview ，手机端可以mui 、 uniapp②所需Vue版本建议官方最新版本为准，稳定性可靠③兼容vue文件的http-vue-loader可以无需脚手架情况下对vue以脚手架形式编写vue文件，同时便捷了引入方式 基于Mui样例index.html<!DOCTYPE html>
<html>
转载
2023-11-01 18:54:17
453阅读
这是从0搭建Vue3组件库系列文章第一篇文章,这个系列我曾经写过多篇文章,但是写完之后回过头来再看里面有很多遗漏以及不足之处,所以决定重新梳理这个系列,并从头开始搭建一个完整的Vue3组件库工程项目,旨在为大家提供更详尽的搭建过程以及更好的阅读体验。
原创
2023-06-05 10:48:37
1661阅读
