一、开发环境(一) 安装配置 Node.js1、下载安装 Node.js下载地址：https://nodejs.org/zh-cn/ 。文件名：node-v16.13.1-x64.msi。2、检测 PATH 环境变量点击 开始运行"cmd" 。运行 "path"C:\Program Files\nodejs\。3、检查 Node.js 版本运行 "node --version"v16.13.0 。
目录1、安装Echarts2、在main.js中引入3、在组件中使用 4、各个配置项总结1、安装Echartsnpm install echarts --save2、在main.js中引入//全局引入echarts
import * as echarts from 'echarts'
Vue.prototype.$echarts=echarts3、在组件中使用准备一个盒子，确定盒子宽高&
转载
2024-09-05 05:15:12
749阅读
/ 移动端页码按钮的数量端默认值5。
原创
2024-09-05 10:10:00
182阅读
一、组件化开发思想
1. 什么是组件化开发
组件化开发指的是：根据封装的思想，把页面上可重用的部分封装为组件，从而方便项目的开发和维护。例如：ibootstrap - Bootstrap 可视化布局系统 所展示的效果，就契合了组件化开发的思想。用户可以通过拖拽组件的方式，快速生成一个页面的布局结构。
2. 组件化开发的好处
前端组件化开发的好处主要体现在以下两方面：
提高了前端代码的复用性和灵活
原创
2023-12-05 01:55:33
689阅读
.vue 脚手架的安装就不多说了，说下其他常见的错误1、安装问题 ：首先我们在安装的时候，有些人会用npm直接安装 有些会用cnpm 安装 但是两个不能共用 不然会报错，为此我吃过不少亏2、文件存放错误：一般src下的assets存放静态资源文件，当时访问时，需要考虑路径的问题。如果存放在static下就不用考虑路径问题，直接以static开头的路径3、端口冲突错误：需要改
前言：应上级要求，搭建一个公司内部的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阅读
由于在项目中需要对数据进行可视化处理，也就是用图表展示，众所周知echarts是非常强大的插件。npm install echarts -S 或者使用淘宝的镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org cnpm install echarts -S创建图表 首先需要全局引入 在main.js中// 引入echar
Vue2集成ECharts Bar Chart完整指南1. 安装ECharts依赖
在Vue2项目中，首先通过npm或yarn安装ECharts核心库：npm install echarts --save
# 或
yarn add echartsECharts支持按需引入以减小打包体积，但基础使用可直接全局引入。2. 全局注册ECharts（可选但推荐）
在main.js中引入ECharts并挂载
由于后期项目要使用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阅读
什么是组件，构成组件的三部分，定义（过滤器，监听器，计算属性，方法区），style开启less语法
原创
2023-12-14 09:50:52
99阅读
开发小程序中，遇到的wepy的几点坑，记录一下;1.定时器： 在页面中有需要用到倒计时或者其他定时器任务时，新建的定时器在卸载页面时一定要清除掉，有时候页面可能不止一个定时器需求，在卸载页面（onUnload钩子函数）的时候一定要清除掉当前不用的定时器 定时器用来做倒计时效果也不错，初始时间后台获取，前端处理，后台直接在数据库查询拿到的标准时间（数据库原始时间，T分割），前端需要正则处理一下这
# JDate 日期组件 使用文档
###### 说明: antd-vue日期组件需要用moment中转一下，用起来不是很方便，特二次封装，使用时只需要传字符串即可
## 参数配置
| 参数 | 类型 | 必填 |说明|
|--------------|---------|----|---------|
| placeholder |string |
1.安装npm install echarts --save2.引入全局引入(main.js)import echarts from 'echarts'Vue.prototyp
原创
2023-02-18 09:21:31
315阅读
点赞
文章目录一、组件1. 创建组件2. 引用组件3. 组件之间如何传递参数一、组件1. 创
原创
2022-09-30 10:25:02
375阅读
组件
组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素， Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 js 特性扩展。
1. 全局 Vue.component(tagName, options)
<!DOCTYPE html>
<
转载
2021-06-29 16:17:37
368阅读
引入用vue可以是要组件复用的，而组件实例的作用域是相互独立，这意味着不同组件之间的数据无法互相引用 一般来说，组件之间可以有几种关系： 如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。方法一：props/ $emit(父子间传递常用方式)父组件A通过props的方式向子组件B传递 B向A通过在B组件中$emit，A组件中
转载
2024-10-18 22:38:56
106阅读
? 背景最近项目中需要制作一个颜色选择器（如下图展示），今天分享一下这个组件功能。希望能抛砖引玉，给大家带来启发。?需求功能icon或者文字颜色需要选择颜色?设计开发先说一下我的开发环境版本：node: v11.3.0npm: 6.4.1vue：2.5.11如果不是以上版本也没关系，今日分享的思路，相信你可以自己造出来~首先点击空白收缩： this.handler = function(e) {
原创
2023-09-07 20:40:25
2099阅读
理解vuex的状态管理模式架构一： 什么是vuex？官方解释如下：vuex是一个专为vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证以一种可预测的方式发生变化。使用方式有如下2种：1. 如果直接在浏览器下引用包的话；如下： <script src="https://unpkg.com/vue@2.5.13/dist/vue.js">
三. 组件化开发
原创
2022-09-13 12:16:53
339阅读
