前言:应上级要求,搭建一个公司内部的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阅读
一、组件化开发思想 1. 什么是组件化开发 组件化开发指的是:根据封装的思想,把页面上可重用的部分封装为组件,从而方便项目的开发和维护。例如:ibootstrap - Bootstrap 可视化布局系统 所展示的效果,就契合了组件化开发的思想。用户可以通过拖拽组件的方式,快速生成一个页面的布局结构。 2. 组件化开发的好处 前端组件化开发的好处主要体现在以下两方面: 提高了前端代码的复用性和灵活
原创 2023-12-05 01:55:33
689阅读
/ 移动端页码按钮的数量端默认值5。
原创 2024-09-05 10:10:00
182阅读
.vue 脚手架的安装就不多说了,说下其他常见的错误1、安装问题 :首先我们在安装的时候,有些人会用npm直接安装  有些会用cnpm 安装 但是两个不能共用  不然会报错,为此我吃过不少亏2、文件存放错误:一般src下的assets存放静态资源文件,当时访问时,需要考虑路径的问题。如果存放在static下就不用考虑路径问题,直接以static开头的路径3、端口冲突错误:需要改
由于后期项目要使用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 |
转载 18天前
403阅读
文章目录一、组件1. 创建组件2. 引用组件3. 组件之间如何传递参数一、组件1. 创
原创 2022-09-30 10:25:02
375阅读
组件内定义插槽具体内容 <table-data> <!-- 两种方式,下面是简写 <template v-slot:supplierOrderNo="data" >--> <template #supplierOrderNo="data" > {{ data.data}} </template>
原创 9月前
80阅读
## 在 Vue2使用 jQuery 的教程 在前端开发中,Vue.js 和 jQuery 都是非常流行的框架。虽然 Vue 有自己的 DOM 操作机制,但有时你可能需要通过 jQuery 来处理一些复杂的任务。今天我们将一步步实现 Vue2使用 jQuery 的过程。 ### 整体流程 以下是将 jQuery 集成到 Vue2 项目的主要步骤: | 步骤 | 描述
原创 2024-10-23 06:21:52
126阅读
在开发现代 web 应用时,使用 Vue 2 作为前端框架,结合 MySQL 作为后端数据库是一种常见的选择。本博文将详细介绍如何有效地将这两者集成,包括版本对比、迁移指南、兼容性处理等关键内容,以帮助开发者更好地实现项目。 ### 版本对比与兼容性分析 在选择使用 Vue 2 结合 MySQL 时,需要注意版本之间的兼容性。Vue 2 的 API 和 MySQL 的数据库交互有一定差异,需要
原创 7月前
30阅读
# Vue2使用Axios ## 简介 在Vue2使用Axios来进行网络请求是非常常见的场景。Axios是一个基于Promise的库,可以用于浏览器和Node.js。 本文将教会你如何在Vue2使用Axios来请求的数据。 ## 整体流程 下面是整个流程的步骤表格: | 步骤 | 描述 | | ---- | ---- | | 1. | 创建Vue项目并安装
原创 2023-08-29 08:28:48
165阅读
# Vue2 使用 jQuery 的完全指南 在进行前端开发时,Vue.js 和 jQuery 是两个常用的工具。虽然 Vue.js 提供了强大的数据绑定和组件化能力,但有时我们可能需要使用 jQuery 来执行一些复杂的 DOM 操作或者利用现有的 jQuery 插件。本文将详细讲解如何在 Vue2使用 jQuery。 ## 整体流程 在开始之前,我们需要了解整个过程。下面是使用 jQ
原创 2024-10-25 03:35:41
55阅读
# Vue2 使用 TypeScript Vue.js 是一个用于构建用户界面的渐进式框架,可以与各种现代化的前端技术进行无缝集成。而 TypeScript 是一种由 Microsoft 推出的 JavaScript 的超集,它添加了静态类型检查和其他语言特性。 结合 Vue.js 和 TypeScript 可以提供更好的代码提示、类型检查以及更好的开发体验。本文将介绍如何在 Vue2使用
原创 2023-12-25 08:37:21
243阅读
# 如何在Vue2使用Axios ## 简介 在Vue2使用Axios是一种常见的方法来处理网络请求。Axios是一个基于Promise的HTTP客户端,可以用于浏览器和Node.js。它提供了一种简单和直观的方法来发送HTTP请求,并处理响应。 这篇文章将指导你如何在Vue2使用Axios来进行网络请求。 ## 步骤 下面是使用Axios进行网络请求的步骤: | 步骤 | 描述
原创 2023-07-20 21:49:34
367阅读
说一下easyplayer在vue2中的使用vue3中没测试,估计应该差不多,大家可自行验证。安装:pnpm i @easydarwin/easyplayer组件封装习惯性将其封装为单独的组件<template> <div class="EasyPlayer"> <easy-player style="width: 100%;height:
原创 精选 2023-08-12 10:15:32
1393阅读
1点赞
2评论
在现代 web 应用开发中,结合不同技术栈是常见的需求。特别是在使用 Vue2 的前端应用中,选择合适的存储方案显得尤为重要。Redis 作为一种高性能的键值存储系统,可以为 Vue2 应用的状态管理和缓存提供良好的支持。本文将介绍“vue2 使用 redis”的解决方案,涵盖版本对比、迁移指南、兼容性处理、实战案例、排错指南和生态扩展等多个方面。 ## 版本对比 在版本对比中,我们将着重说明
原创 6月前
29阅读
### Vue2使用Axios实现网络请求 #### 整体流程 在Vue2使用Axios实现网络请求的流程如下: | 步骤 | 描述 | |---|---| | 1 | 安装Axios | | 2 | 创建一个Vue实例 | | 3 | 编写请求代码 | | 4 | 发起网络请求 | | 5 | 处理服务器响应 | | 6 | 更新页面数据 | #### 具体步骤 ##### 步骤1:
原创 2023-08-27 07:20:57
776阅读
  • 1
  • 2
  • 3
  • 4
  • 5