目的使用vue单元测试库保证代码质量 开源项目的开发发布流程 设计合理的设计广泛适用的API 如何保证代码质量 vue3的实现原理表单组件库高频场景 交互复杂 定制型高 涉及到数据(校验)安全学习优点代码质量高 适应场景丰富 开源维护参与 完善的发布流程 源码(响应式原理)核心功能表单生成 主体系统 插件系统和其他表单组件库的区别无需编写代码：由json负责组装代码的要求。 开源全栈通用：对于校验
前言：应上级要求，搭建一个公司内部的vue组件库，由于临近我预计的离职时间，所以只将流程梳理实践了一遍。假设组件库名称为ui-library。一、使用vue-cli3创建ui-library项目vue create ui-library创建项目时选择自定义模板，我的配置如下 记得vue版本需要选择2.x。ui-library目录如下 二、在根目录添加vue.conf
转载
2023-12-07 22:15:17
58阅读
——-转载——–
Vue.js 定义组件模板的七种方式
作者：
大漠 日期：
2017-10-06 点击：
3724
特别声明，本文转载@茄子翻译@ANTHONYGORE的《7 W
UI组件
element - 饿了么出品的Vue2的web UI工具套件
Vux - 基于Vue和WeUI的组件库
mint-ui - Vue 2的移动UI元素
iview - 基于 Vuejs 的开源 UI 组件库
Keen-UI - 轻量级的基本UI组件合集
vue-material - 通过Vue Material和Vue 2建立精
1.全局注册组件Vue.component('button-cart',{
data () {
return {
count: 1
}
},
template: '<button @click="count++">{{ count }}</button>'
})
new Vue({el: '#app'}) 组件中的data必须是一个函数2. 局部
转载
2024-10-23 10:56:51
193阅读
我们都知道Vue作为一个轻量级的低门槛入门前端框架，其核心就是 组件化开发 。Vue就是由多个组件组建成的，组件化是它的精髓，更是它的强大之处。各组件实例之间是相互独立的，这也就意味着不同组件之间数据是无法相互共用。 但实际项目开发中，我们时常需要其他组件的数据，为此诞生了组件通信的问题。针对组件之 ...
转载
2021-08-10 09:28:00
194阅读
2评论
一、组件的介绍 现代前端技术都是由组件构建成一个大型项目,最开始使用组件构建项目的可能是react,之后angular2,vue都使用组件构建大型项目二、创建组件的几种方式1、全局创建组件Vue.component('component2', { template: '<h1>我是组件2</h1>'})2、局部创建组件var app = new Vue({ el: '#a
原创
2021-06-15 16:04:58
102阅读
带你快速了解Vue2和Vue3开发组件的区别，技术尝鲜~
转载
2022-05-06 10:36:19
599阅读
一、组件化开发思想
1. 什么是组件化开发
组件化开发指的是：根据封装的思想，把页面上可重用的部分封装为组件，从而方便项目的开发和维护。例如：ibootstrap - Bootstrap 可视化布局系统 所展示的效果，就契合了组件化开发的思想。用户可以通过拖拽组件的方式，快速生成一个页面的布局结构。
2. 组件化开发的好处
前端组件化开发的好处主要体现在以下两方面：
提高了前端代码的复用性和灵活
原创
2023-12-05 01:55:33
689阅读
.vue 脚手架的安装就不多说了，说下其他常见的错误1、安装问题 ：首先我们在安装的时候，有些人会用npm直接安装 有些会用cnpm 安装 但是两个不能共用 不然会报错，为此我吃过不少亏2、文件存放错误：一般src下的assets存放静态资源文件，当时访问时，需要考虑路径的问题。如果存放在static下就不用考虑路径问题，直接以static开头的路径3、端口冲突错误：需要改
vue3组件创建，vue3组件全局注册，vue3组件插槽封装
原创
2022-11-18 00:08:52
231阅读
? 背景最近项目中需要制作一个图层拖拽到组的交互（如下图展示），今天分享一下这个组件功能。希望能抛砖引玉，给大家带来启发。?需求功能1.新建组，再新建图层，在组下显示；2.新建组没选中，则图层和组在同级；3.图层拖拽可以在一级也可在组下面；4.组拖拽只能在一级，不能叠加到组内；5.组删除，该组下图层全部删除；6.组点击眼睛，该组下图层全部显示，点击闭眼，该组下图层全部不显示。?设计开发先说一下我的
原创
2023-08-03 20:39:55
508阅读
由于后期项目要使用ts，所以先学习下，这是第一次使用ts，要是有不足之处，还请多指教。最开始因为webpack版本问题搭了好几次没成功，果然失败乃成功之母，古人诚不欺我，每次学习都是在写bug解决bug继续创造bug的循环里痛并快乐着。由于使用的是Vue-cli2 + webpack3.6.0版本，按照webpack3的方式来搭建的，所以安装时一定要注意自己的版本与插件版本哈。前边儿初始化Vue项
转载
2023-11-01 16:44:44
162阅读
1.组件拆分1.组件实质上也是一个vue实例，因此组件中也可以使用vue的对象属性，反过来每一个vue实例也是一个vue组件（注：1.唯一不同的是el是根实例的特有选项，2.组件中的data必须是一个函数）；2.如果vue实例中没有template模板的定义，那么vue会把el挂载点下的html作为vue实例的模板；3.模板中如果还有子组件，父组件调用子组件的时候，通过属性的方式进行调用，那么子组
转载
2024-07-12 15:52:11
238阅读
vue项目基础结构一个vue的项目，我觉得最小的子集其实就是{vue,vue-router,component}，vue作为基础库，为我们提供双向绑定等功能。vue-router连接不同的"页面"，component作为样式或者行为输出，你可以通过这三个东西来实现最基本的静态SPA网站。当然我在这里不谈vue全家桶这样宽泛的概念，我会如数家珍的把主要的技术点一一列举。1.vue-cli：搭建基本的
上一篇文章小编用Vue的语法编写了一个简单的todoList，实现的逻辑比较简单，但是在实际项目中，会涉及到一些比较复杂的逻辑，比如在item中添加各种各样的标签，再加上甲方爸爸提出各种各样的需求，最后可能把我们搞到崩溃。所以引入了在组件化的概念。在组件化之前，小编先跟大家补充一些基础知识。一、数据 ...
转载
2021-08-26 20:37:00
255阅读
2评论
00.组件入门 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D ...
转载
2021-09-10 12:40:00
142阅读
2评论
什么是组件，构成组件的三部分，定义（过滤器，监听器，计算属性，方法区），style开启less语法
原创
2023-12-14 09:50:52
99阅读
