![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 82
laishaojiang
这个作者很懒,什么都没留下…
展开
-
关于react与vue的一些对比
我最早接触的是vue,后来到新环境接手了个react的项目(16.4之前的版本),就慢慢学起来了。今年刚好有两个新项目由我一人全权负责。我就分别使用了vue3和进行开发。因为都是首次尝试,途中也碰到不少问题,还好接触互联网的帮助都解决了,最后也顺利上线了。现在回过头来总结一下vue和react在开发使用上的差异框架本身没有优劣之分,只有适合与否,根据自己的业务场景,团队技术栈来选择。就业务来说,可能我这两项目不够大,还无法体现出优劣度团队的话,哈哈这两项目都是我自己一人开发但是从开发体验上来讲,...原创 2022-08-05 16:48:42 · 504 阅读 · 1 评论 -
vue3实现国际化
前言开发了一个国际化的项目,技术栈是vue3 + TS + vite + vant + pinia, 需要设置多语言,采用的是vue-i18n这一个国际化插件,貌似只看到英文文档,而且网上找的其他教程大部分是针对vue2的,对应vue3的比较少,所以自己整理了一下安装引入npm install vue-i18n在src下新建locals文件夹,包含index.js,en.js,zh.js(只做中英文切换)// zh.jsexport default { login: {原创 2022-05-07 17:00:28 · 7795 阅读 · 1 评论 -
学习笔记:Vue源码学习(一)——响应式
声明:以下内容为个人学习vue源码中记录的笔记,仅适合我本人,其他人请谨慎阅读,读了你可能也看不懂(狗头目标熟悉vue源码架构了解vue初始化过程了解vue响应式原理准备git clone https://github.com/vuejs/vue.gitnpm inpm i rollup -gpackage.json => scripts => dev 加上 sourcemap- "dev": "rollup -w -c scripts/co原创 2021-03-03 16:20:29 · 161 阅读 · 1 评论 -
记录:uni-app多端小程序使用canvas绘制图片
对于canvas我一直都是只是了解状态,只是知道大概要怎么画,没有具体的项目实战经验,最近有个需求就是要用canvas画个分享的海报。看起来也不难,实际画起来还是花了不少实际,也踩了一些小坑,所以记录一下整理一下使用的apifillText 写文字fillStyle 用来设置字体颜色setFontSize 字号font 字符串,设置字体所有格式,字号和字体家族必填fillRect 画个长方形setFillStyle 填充颜色setStrokeStyle 设置画笔颜色moveTo 画笔起.原创 2020-10-28 17:33:37 · 4437 阅读 · 0 评论 -
vue3尝鲜--使用Composition API做个todoList
vue3 RC版本已经出了,正式发布还会远吗(狗头)。 各位还学得动吗,哈哈~关于vue3跟vue2的区别这里就不再多说,直接看代码最直接吧,今天使用vue3做一个简单的todoList来感受一下vue3<template> <div class="hello"> <input type="text" v-model="value" @keydown.enter="handleEnter"> <span>你按了{{count}}次回车,原创 2020-08-23 12:47:35 · 314 阅读 · 0 评论 -
使用Map优化代码
最近在看同事代码时看到一段很长很长的代码,了解了一下大概功能就是在一个长列表里面有几十种类型的订单,一种或多种订单点击跳转对应的详情页,也就是说可能类型1跳转详情a,类型2和类型3跳转详情b,类型4,5,6跳转详情c… 反正就是多对一的关系。其实写起来也简单,直接if-else就完事,当时同事是这样写的handleClick(type) { if(type === 1) { // do sth } else if(type ===2 || type === 3) {原创 2020-08-15 20:37:20 · 387 阅读 · 0 评论 -
整理与回顾:vue组件通信
vue组件的通信一直是个老生常谈的话题了。不管工作中面试中总是能碰见,今天就来整理回顾一下1、prop最最常见的一种,写组件是肯定要用到的父向子// parent<children name="tony" />// childprops: { name: { type: String }}子向父// childthis.$emit('say', 'hello')// parent<children @say="e =&原创 2020-08-09 15:30:32 · 87 阅读 · 0 评论 -
vue一次注册多个全局组件
项目中肯定会常用的一些基础组件,比如弹窗,toast之类的,要是在每个页面去引入的话那也太麻烦了,还好vue提供了一个全局注册组件的apiVue.compomentVue.component('my-component-name', { // ... 选项 ...})然后在入口文件main.js里import需要的组件,使用Vue.compoment注册即可// src/main.jsimport model from '@/components/BaseModel'import toa原创 2020-07-17 14:47:56 · 2710 阅读 · 0 评论 -
封装el-dialog弹窗组件(element-ui)
在开发中经常会基于业务封装各类组件,即使element-ui已经有很多好用的组件了,但还是会不满足日常开发。今天我在开发的时候遇到一个弹窗的功能,这个弹窗在很多地方都需要用到,那当然是要做成一个公共组件啦,弹窗的话就需要用到el-dialog组件做起来也比较简单,会出问题的地方就是在于在组件里面把弹窗关闭了,也要同步通知到父组件。这里用.sync修饰符可以很方便的做到。具体看代码了// ...原创 2020-03-19 15:52:55 · 10592 阅读 · 0 评论 -
一看就懂的vue双向绑定最基本的原理
看了一下原理,自己动手试了一下。 <input value=""> <div></div><script type="text/javascript"> let input = document.querySelector('input') let div = document.querySelector('div...原创 2020-03-16 12:01:32 · 103 阅读 · 0 评论 -
element-ui中table多选框回显
今天使用到了element-ui中的table组件的多选功能,将选中项的id传给后台,对了下文档很容易就写好了。但是在回显的时候遇到了点麻烦~, 要根据后台返回的id集合,将列表选中。一开始没注意看文档,绕了好久都没想到,后面网上搜索了点资料然后再根据文档,终于弄出来了,原来这么简单。特此记录一下最主要是table组件的toggleRowSelection方法...原创 2020-02-26 16:08:50 · 2505 阅读 · 0 评论 -
vue+element-ui中 使用multipart上传文件
以前做上传图片功能跟后端对接都是先把图片上传到oss ,然后把返回的url传给后端,这次后端说要传给他文件流的格式,要用'multipart/form-data'方式。 以前从来没做过,网上查资料,然后自己折腾了好久,踩了不少坑,终于做出来了, 特此记录一下。<!-- 使用elements-ui的上传组件 --><template> <el-uploa...原创 2019-12-19 12:55:57 · 7972 阅读 · 1 评论 -
element-ui修改组件默认样式,而不影响其他页面使用
近日使用element-ui开发中遇到问题,使用Dialog 对话框组件时需要修改默认的弹窗尺寸,研究了一下,发现可以自己写样式覆盖当前尺寸。首先右键审查元素找到Dialog组件的elements元素,看对应的class,然后使用相应的类名写样式即可写样式覆盖有两种方法:1:新建一个css文件,在里面写,然后再import引入2:直接在页面 <style></...原创 2019-12-02 11:54:37 · 4632 阅读 · 2 评论 -
vue-cli中使用微信JS-SDK开发(axios+promise封装)
首先要先保证已绑定安全域名,先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”绑定好后再使用npm安装jsnpm install weixin-js-sdk安装好后在需要的地方import引入即可通过config接口注入权限验证配置所有需要使用JS-SDK的页面必须先注入配置信息,否则将无法调用(同一个url仅需调用一次,对于变化url的SPA...原创 2018-08-04 10:57:34 · 2956 阅读 · 1 评论 -
vue中使用axios+Promise二次封装ajax请求
首先先安装axios:中文文档地址 https://www.kancloud.cn/yunye/axios/234845安装使用 npm:$ npm install axios使用 bower:$ bower install axios使用 cdn:<script src="https://unpkg.com/axios/dist/axios.min...原创 2018-07-30 16:57:58 · 8843 阅读 · 1 评论 -
vue中给每个页面顶部设置title
实现思路很简单:就是利用路由的导购守卫beforeEach在每次页面跳转前更改对应的title1.首先在route里面给每个路由加上meta属性2.在main.js里面加上导航守卫router.beforeEach((to,form,next) => { window.document.title = to.meta.title == undefined?'默认标题':to.meta.ti...原创 2018-07-14 14:06:09 · 2930 阅读 · 0 评论 -
mint-ui自定义messageBox样式
mint-ui MessageBox官网文档:http://mint-ui.github.io/docs/#/zh-cn2/message-boxAPI:里面并没有提供自定义的样式api里面的内容是默认居中显示的,如果我们想改变里面的样式,比如自定义颜色,字体大小该怎么改的。可以这样:const html = ` <div style="te...原创 2018-07-23 17:07:27 · 7675 阅读 · 2 评论