Vue是一套用于构建用户界面的渐进式框架,目前有越来越多的开发者在学习和使用.在笔者写完 从0到1教你搭建前端团队的组件系统 之后很多朋友希望了解一下如何搭建基于vue的组件系统,所以作为这篇文章的补充,本文来总结一下如何搭建基于vue的组件库.
转载
2021-07-15 14:07:08
637阅读
大家好,本篇文章我将带着大家一起学习如何编写自定义组件(Components),通过「vue基础」新手快速入门篇(一)这篇文章的学习,我们知道了 Vue 设计的目的就是为了方便我们创建基于组件UI的项目。基于这个设计原则,我们可以更专注于设计可重用、各自独立、基于接口方式的组件,就好比乐高玩具一样,我们可以基于组件组装我们的项目。首先我们来看一个简单的例子,比如我们有一个头像的组件(avatar)
原创
2021-01-11 13:42:14
415阅读
大家好,上一篇文章「vue基础」手把手教你编写 Vue 组件(上),我们一起学习了如何编写一个简单的自定义组件,这篇文章我们将继续学习组件其它方面的内容,主要涉及组件的生命周期、属性设置、父子组件传值、槽等相关内容。组件生命周期如果你以前使用过React,那么你已经熟悉了组件相关的生命周期的概念。所谓的组件生命周期,就如同人一般从出生到消亡一样,有几个关键的阶段,在这几个关键的阶段,我们可以编写相
原创
2021-01-11 13:41:35
539阅读
Vue 基础核心知识点一、Vue 简介概述:动态构建 用户界面 的 渐进式 框架 动态构建:虚拟 DOM 用户界面 渐进式 作者 特点 声明式编码、遵循MVVM原则编码简单、体积小组件化、复用率高、代码维护容易 vue2 官网资源:https://v2.cn.v
转载
2022-10-18 14:54:08
216阅读
Vue 开发插件开发之前先看看官网的开发规范我们开发的之后期望的结果是支持 import、require 或者直接使用 script 标签的形式引入,就像这样:// 这里注意一下包的名字前缀是 custom ,组件的名字前缀是 moor// 这是因为那个名字发布包的时候被占用了(我做实验的时候叫 moor-ui)现在改成了custom-ui,但是组件的前缀懒得改import C...
转载
2021-08-12 16:52:35
176阅读
第一步 node环境安装 1.1 如果本机没有安装node运行环境,请下载node 安装包进行安装1.2 如果本机已经安装node的运行换,请更新至最新的node 版本下载地址:https://nodejs.org/en/ 或者 http://nodejs.cn/ 第二步 node环境检测 为了快乐
转载
2017-10-27 11:31:00
123阅读
点赞
1评论
第一步 node环境安装1.1 如果本机没有安装node运行环境,请下载node 安装包进行安装1.2 如果本机已经安装node的运行换,请更新至最新的node 版本下载地址:https://nodejs.org/en/ 或者 http://nodejs.cn/第二步 node环境检测为了快乐的使用命令行,我们推荐使用 gitbas1.1 下载git 并安装下载地址 ht...
原创
2021-07-14 10:58:45
491阅读
Vue 开发插件开发之前先看看官网的开发规范我们开发的之后期望的结果是支持 import、require 或者直接使用 script 标签的形式引入,就像这样: // 这里注意一下包的名字前缀是 custom ,组件的名字前缀是 moor // 这是因为那个名字发布包的时候被占用了(我做实验的时候叫 moor-ui)现在改成了custom-ui,但是组件的前缀懒得改 import CustomUI from 'custom-ui'; // 或者 ...
转载
2021-08-12 14:24:40
309阅读
本期小编为大家带来LiteOS开源版本Ping组件的使用说明,请跟随小编的步伐一起进入探索之旅吧!
原创
2021-11-16 11:42:31
523阅读
点赞
一:Git是什么? Git是目前世界上最先进的分布式版本控制系统。二:SVN与Git的最主要的区别? SVN是集中式版本控制系统,版本库是集中放在中央服务器的,而干活的时候,用的都是自己的电脑,所以首先要从中央服务器哪里得到最新的版本,然后干活,干完后,需要把自己做完的活推送到中央服务器。集中式版本控制系统
转载
精选
2016-01-12 15:54:46
510阅读
包压缩等功能,简化了常规自己动手配置 webpack 的烦恼。另外提供的插件功能更是满足了使用者定制化的需求场景,那么本文就来讲下如何去开.
原创
2023-04-04 20:50:34
175阅读
1、安装eslintnpm install --save-dev eslint2、新建.eslintrc.js文件 配置eslint如果全局安装eslint也可以使用eslint --init来自动配置文件默认配置如下:(eslint --init 自动生成)module.exports = { "extends": "eslint:recommended",
原创
2023-03-20 10:46:33
2474阅读
现如今 Vue 作为主流的前端框架之一,其健全的配套工具,活跃的开源社区,让广发码农热衷追捧。Vue CLI 作为其官方的开发构建工具,目前已更新迭代到 4.x 版本,其内部集成了日常开发用到的打包压缩等功能,简化了常规自己动手配置 webpack 的烦恼。另外提供的插件功能更是满足了使用者定制化的需求场景,那么本文就来讲下如何去开发一个插件。
假设我们团队现在需要去开发一套 UI 组件库,由于团
转载
2020-09-17 09:42:00
331阅读
2评论
如何利用 Vue CLI 插件来简化日常工作,提高工作效率。本文通过具体实例,手把手教你如何去写一个 Vue CLI 插件。
原创
2020-09-17 09:47:52
1233阅读
最近公司项目比较多,不同的项目中公用的组件,如何避免因为一个需求的变动,造成所有项目都要拿过来修改,我们想到把公共的部分抽取出来做为一个组件,常见的组件模式有:直接存放到项目中(需要在不同的项目中拷贝)发布到npm上公用的模块,本文章介绍登录组件如何从0开始创建一个vue组件发布到npm上本项目案例一、依赖环境1、node环境2、vue-cli的脚手架二、使用vue-...
原创
2021-06-15 16:04:25
863阅读
最近在个人的项目中,想对页面之间跳转的过程进行优化,想到了很多文档或 npm 等都用到的页面跳转进度条,于是便想自己去实现一个,特此记录。vue 圆形进度条组件解析 来看下 npm 搜索组件时候的效果: so 下面咱们一起动手实现一下呗。 定义使用方式 想实现一个组件的前提,一定要想好你的需求是什么
转载
2018-11-16 14:04:00
313阅读
2评论
1.FastDFS介绍1.1 什么是FastDFS FastDFS是用c语言编写的一个开源的轻量级分布式文件系统,它对文件进行管理,功能包括:文件存
原创
2022-06-30 10:41:33
345阅读
0.导语Scipy是一个用于数学、科学、工程领域的常用软件包,可以处理插值、积分、优化、图像处理、常微分方程数值解的求解、信号处理等问题。它用于有效计算Numpy矩阵,使Numpy和Sci...
转载
2021-08-30 11:23:50
1480阅读