作者:
jeffrey_hjf
是一个目前比较流行的前端框架,在业界也算很有名气,今天这里为大家罗列一下基于Vue的后端管理的框架。
使用这些框架你会发现它包括了我们常用的路由,状态,交互等等,我们只需要去复用它的代码,加上一下我们自己少量的逻辑就能轻松的完成项目。
会为你节约更多时间喝喝咖啡等,给你一种“框架在手,天下我有”的感觉。这篇文章主要介绍element和V
转载
2024-03-07 15:23:07
237阅读
本文目录:一、全局组件二、父组件传递信息给子组件三、子组件传递信息给父组件四、vue项目开发一、全局组件<body>
<!-- 两个全局vue实例可以不用注册全局组件,就可以使用 -->
<div id="app">
<global-tag></global-tag>
</div>
Vue2.0+组件库总结UI组件 element - 饿了么出品的Vue2的web UI工具套件
Vux - 基于Vue和WeUI的组件库
mint-ui - Vue 2的移动UI元素
iview - 基于 Vuejs 的开源 UI 组件库
Keen-UI - 轻量级的基本UI组件合集
vue-material - 通过Vue Mater
// 支持es6语法,但并不意味着同时支持新的 ES6 全局变量或类型(比如 Set 等新类型)
‘ecmaVersion’: 6,
// 指定来源的类型,‘script’ (默认) 或 ‘module’(如果你的代码是 ECMAScript 模块)
‘sourceType’: ‘module’
},
‘plugins’: [‘vue’, ‘html’],
‘rules’: {
//
一、vue的Element组件库官网:https://element.eleme.cn/#/zh-CN1.1安装推荐安装方法: 首先要进入项目目录cnpm i element-ui -S
或
npm i element-ui -S1.1.2 CDN安装直接引入无需安装:<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpk
转载
2024-03-27 14:02:39
1580阅读
VUE2 可视化使用 element-ui 组件库
1. VUE ui 创建项目2.插件 添加插件3.搜索 vue-cli-plugin-element 并且安装4.选择按需导入 不用全部引用 减小体积 (忘记截图了 网上找了一张 感谢~)5.如图即为安装成功 6.安装完成 启动项目 默认的配置7.使用就类似于组件 先import 引用 再VUE.use(XXX
转载
2021-05-09 10:37:03
1198阅读
2评论
一、组件化开发思想
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、端口冲突错误:需要改
文章目录? 前言? 一、效果演示? 二、实现思路? 三、实现案例往期内容 ? ? 前言在 Vue + elementUi 开发中,遇到这么一个需求,要实现公告轮播的效果。说实话,一开始是打算通过Javascript去获取并修改对应元素来控制轮播的,但是发现这样子代码比较多,而且性能不是很好。然后…聪明的小温想到了,能不能通过vue的动画过渡,实现公告的滚动效果呢! 一不做二不休,直接上手,果然是
转载
2024-04-29 19:04:38
1454阅读
前言:应上级要求,搭建一个公司内部的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+ElementUI前端开发环境搭建一 VUE简介1.1 渐进式1.2 MVVM模型1.3 响应式二 VUE环境搭建2.1 安装配置node.js2.2 配置镜像€提升速度2.3 全局安装vue2.4 安装脚手架vue-cli2.5 配置vue环境变量三 新建项目3.1 初始化3.2 初始化项目安装依赖3.3 启动项目四 开发环境4.1 开发工具4.2 目录结构4.3 插件导入五 安装问题
转载
2024-09-30 13:47:36
266阅读
刚开始看Vue官方文档的时候对插槽不是很理解,其实通俗点来讲,插槽就是在自定义组件中预留一个位置,这个位置的内容可以由使用组件的人来定义,具有高度的灵活性。1、使用场景 先来看看插槽的使用场景,否则可能连学习的欲望都没有了。插槽还是很重要的,即使不去定义,也要学会使用。 下面这
由于后期项目要使用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阅读
1. vonicvonic 一个基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用,很简约。文档 | github地址 | 在线预览 2. vuxvux 基于WeUI和Vue(2.x)开发的移动端UI组件库。基于webpack+vue-loader+vux可以快速开发移动端页面,配合vux-loader方便你在WeUI的基础上定制需要的样式。小编在开发微信
什么是组件,构成组件的三部分,定义(过滤器,监听器,计算属性,方法区),style开启less语法
原创
2023-12-14 09:50:52
99阅读
# JDate 日期组件 使用文档
###### 说明: antd-vue日期组件需要用moment中转一下,用起来不是很方便,特二次封装,使用时只需要传字符串即可
## 参数配置
| 参数 | 类型 | 必填 |说明|
|--------------|---------|----|---------|
| placeholder |string |
开发小程序中,遇到的wepy的几点坑,记录一下;1.定时器: 在页面中有需要用到倒计时或者其他定时器任务时,新建的定时器在卸载页面时一定要清除掉,有时候页面可能不止一个定时器需求,在卸载页面(onUnload钩子函数)的时候一定要清除掉当前不用的定时器 定时器用来做倒计时效果也不错,初始时间后台获取,前端处理,后台直接在数据库查询拿到的标准时间(数据库原始时间,T分割),前端需要正则处理一下这
首先html结构<el-form
ref="roleForm"
:model="roleForm"
label-width="auto"
class="demo-roleForm"
:rules="rules"
>
<el-form-item