发布于2020/04/17 16:25
Vuex从入门到实战(二)
4.基于vuex的案例——todos任务记录工具
4.1我们重新初始化一个vue-cli项目,配置时别忘了选中Vuex配置。
4.2我们还要安装几个依赖:axios和ant-design-vue(ant-designUI组件库,也可以不使用或者使用其他擅长的组件库)
npm install axios ant-design-vue -S
4.3在m...
- 2803
发布于2020/04/17 16:04
Vuex从入门到实战(一)
目标:
能够说出vuex使用的基本步骤
能够说出vuex的核心概念
能够基于vuex实现业务
1.vuex概述
1.1vuex是什么?
vuex是实现组件全局状态(数据)管理的一种机指,可以方便的实现组件之间得数据共享。
不使用vuex的数据传递方式和使用vuex的数据传递方式对比图:
[图片]
可见,频繁的大范围的数据共享,使用vuex是非...
- 2700
发布于2020/04/11 21:54
JsBarcode条形码组件封装
负责的项目中有需要生成条形码的需求,并且在多个页面都有使用,所以将这个功能封装成了组件,方便使用。
第一步:在项目中安装JsBarcode库
我们在项目路径下安装JsBarcode库,安装完成后我们可以在node_modules目录下找到它。
npm install JsBarcode --save
第二步:封装组件
话不多说,直接上代码,这个组件可以在...
- 2641
发布于2020/03/28 18:33
模仿element-ui封装vue组件库(六)
十二、封装成ui组件库
我们在前面已经将组件全部封装完毕了,现在我们要将组件打包成组件库,上传到github上。由于是模仿element-ui进行的组件封装,所以在发布时也是用element-ui的打包结构。
12.1目录调整
我们新建一个vue项目,并且在根目录创建两个文件夹就packages和examples。
packages:用于存放所有的组件
examples:用于进行测试...
- 3074
发布于2020/03/27 18:49
模仿element-ui封装vue组件库(五)
因为接下来封装的几个组件比较简单,通过之前类比即可,这里不多做介绍了。
九、封装一个element-ui风格的checkbox组件
<template>
<label class="one-checkbox" :class="{' is-checked':isChecked}">
<span class="one-checkbox_input">...
- 2626
发布于2020/03/27 18:44
模仿element-ui封装vue组件库(四)
七、封装一个element-ui风格的radio组件
前置知识点:
radio的基本使用
参数支持:
参数名称
参数描述
参数类型
默认值
v-model
双向绑定
布尔类型
false
label
单选框和value值
string,num,Boolean
'...
- 2478
发布于2020/03/27 16:22
模仿element-ui封装vue组件库(三)
五、封装一个element-ui风格的input组件
参数支持:
参数名称
参数描述
参数类型
默认值
placeholder
占位符
string
无
type
文本框类型(text/password)
string
text
disabled
禁用
...
- 2604
发布于2020/03/26 22:00
模仿element-ui封装vue组件库(二)
四、封装一个element-ui风格的dialog组件
前置知识:
vue过渡动画
sync修饰符
具名插槽与v-slot指令
参数支持:
参数名
参数描述
参数类型
默认值
title
对话框标题
string
提示
width
宽度
string
...
- 2585
发布于2020/03/26 21:25
模仿element-ui封装vue组件库(一)
实例内容
封装常见的功能组件(Button,Modal,Form相关),封装完成后封装成UI组件库发布到NPM上。
涉及知识点
vue基础语法
组件基本语法
字键通讯(sync,provide,inject)
插槽使用
prop校验
过渡与动画处理
计算属性与监听属性
v-model语法糖
vue插件机制
npm发布
实例目的
掌握组件封装的语法和技巧
学会...
- 2725
发布于2020/02/26 20:57
ios设备微信公众号网页二次分享问题总结
在之前的分销商城项目中,用到了微信分享的功能,在ios设备中出现了二次分享失败的问题。
所谓二次分享,就是A用户在公众号页面中分享一次后,B用户通过分享链接进入网页,再次分享。在安卓设备中,不存在二次分享失败的情况,这种情况目前只发现出现在ios设备中。
&n...
- 2252
发布于2020/02/06 21:29
YS分销商城项目(前端)总结
YS分销商城是一款基于微信公众号的商城系统,其中后台的分销功能比较复杂,而移动端与后台管理在逻辑上则比较简单,但是本次开发用到了一些新的UI和技术,也出现了一些问题,所以在这里认真总结。
一、YS分销商城项目使用到的技术
前端的管理系统与移动端都使用了vue-element-admin...
- 2633
发布于2020/01/22 18:56
js原生base64位加密方法
js的base64位加密方法一百度的话有很多种,大多数是封装成库的base64加密方法。其实,js已经提供了原生的base64位的加密以及解密方法,非常简单。
let name = "weizhuren"
window.btoa(name)//base64编码
window.atob(name)//base64解码
只需要通过btoa和atob两个原生的方法,就可以直接加密和解密。
- 2544
发布于2019/11/27 20:49
vue组件传值总结
概述
vue作为现在前端使用的主流框架之一,组件一直是vue的核心部分。起初,我在学习vue的过程中接触到了组件之间传值的功能,但是由于在工作中使用较少,对于这一部分没有深入的认识,导致在开发过程中遇到了一些问题,通过进一步的学习,我了解到了vue组件传值的方式以及存在两类不同的组件传值方式:同级组件之间的传值、父子组件之间的传值。
同级组件之间的传值
由于vue框架本身不支持同级之间组件的...
- 2678