随笔分类 -  Vue2&Vue3

Vue2&Vue3
vue-property-decorator用法介绍
摘要:前言 在Vue2.0中使用TypeScript语法时,需要引用 vue-property-decorator。 vue-property-decorator 完全依赖于vue-class-component,因此在使用vue-property-decorator之前可以先了解下vue-class-c 阅读全文

posted @ 2021-09-12 22:14 漫思 阅读(3358) 评论(0) 推荐(0) 编辑

滴滴开源:面向金融场景的移动端UI组件库mand-mobile
摘要:今天给大家推荐一个滴滴开源的项目mand-mobile. 作为卓越的一站式移动出行和生活平台,滴滴在亚洲、拉美和澳洲为超过5.5亿用户提供出租车、快车、专车、豪华车、公交、代驾、企业级、共享单车、共享电单车、汽车服务、外卖、支付等多元化的服务。滴滴平台上,有数千万车主及司机获得灵活的工作和收入机会, 阅读全文

posted @ 2021-08-13 20:02 漫思 阅读(1049) 评论(0) 推荐(0) 编辑

https://www.naiveui.com/zh-CN/os-theme
摘要:naiveui 阅读全文

posted @ 2021-06-17 20:27 漫思 阅读(1508) 评论(0) 推荐(0) 编辑

Vue中qs插件的使用
摘要:qs的下载地址 https://github.com/ljharb/qs 之前用Vue+element写了一个后台管理系统,在登录时使用axios请求数据传参时无法正常的获取数据。之后也是一通百度,发现原因是传递参数要将参数序列化。这里使用了qs插件: 简单来说,qs 是一个增加了一些安全性的查询字 阅读全文

posted @ 2021-01-18 14:32 漫思 阅读(1094) 评论(0) 推荐(0) 编辑

await和$nextTick的使用
摘要:async editDialog(row) { let { userId, loginName } = row; if (loginName == "admin") { Message.warning("admin用户不接受更改"); return; } this.formOp = "edit"; 阅读全文

posted @ 2020-12-08 19:26 漫思 阅读(1786) 评论(0) 推荐(0) 编辑

一个好评如潮的UI框架,Quasar Framework
摘要:前几天推荐了一边关于2020年几个vue比较常用的ui框架,很多人在底下留言说Quasar很不错,于是就去官网看了一下,第一眼很是惊艳,不比elementUI , Framework7这些差,感觉elementUI 的竞争对手来了。 也许是比较新,国内关注者不太多,在GitHub上面有14.7kst 阅读全文

posted @ 2020-12-08 11:42 漫思 阅读(1068) 评论(0) 推荐(0) 编辑

v-modal和value,input之间的关系
摘要:1、v-modal是组件进行双向通讯的政治掮客,角色双重。一方发生变化另一方面就会变化。 2、内部组件接受到 value 3、内部组件通过input进行外测通讯。 内部组件的定义。 <template> <div> <i-switch @on-change="change" :value="newT 阅读全文

posted @ 2020-11-06 10:45 漫思 阅读(786) 评论(0) 推荐(0) 编辑

react 有没有类似vue中watch这样的api?
摘要:就是 当组件里state 里的数据发生变化可以监听到这个数据的变化 当数据发生变化的时候做一些事情 比如ajax请求 ?初学react 用vue的时候会用watch 和computed 去监听数据发生变化 但是react 里不知道如何实现! 谢邀。 React 本身只解决视图层。题主提的是一个数据层 阅读全文

posted @ 2020-09-01 23:13 漫思 阅读(2892) 评论(0) 推荐(0) 编辑

金山云推出企业级开源设计语言King Design
摘要:2018-12-05 10:37 King Design设计解决方案 (ksyun.com) 在现实世界中,我们基于共同的语言来保持团队协作,达成共识并快速推动项目演进;在数字世界中,依靠统一的数字语言,让不同地域、不同类型的工作得以在共同的规则下,往明确的方向去发展。近日,经过大量的项目实践和经验 阅读全文

posted @ 2020-08-30 14:31 漫思 阅读(275) 评论(0) 推荐(0) 编辑

keep-alive 组件级缓存
摘要:前言 在Vue构建的单页面应用(SPA)中,路由模块一般使用vue-router。vue-router不保存被切换组件的状态, 它进行push或者replace时,旧组件会被销毁,而新组件会被新建,走一遍完整的生命周期。 但有时候,我们有一些需求,比如跳转到详情页面时,需要保持列表页的滚动条的深度, 阅读全文

posted @ 2020-08-28 16:05 漫思 阅读(809) 评论(0) 推荐(0) 编辑

实现不限层级的Element的NavMenu
摘要:做管理后台开发的时候,需要用到Element的NavMenu组件,于是乎,翻开文档,大致是这样实现的。 <el-menu> <el-menu-item index="1">标题一</el-menu-item> <el-submenu index="2"> <template slot="title" 阅读全文

posted @ 2020-08-26 14:49 漫思 阅读(605) 评论(0) 推荐(0) 编辑

vue_插槽的理解和使用
摘要:对于插槽的概念和使用,这是vue的一个难点,这需要我们静下心来,慢慢研究。以下是我这两天通过官网和其他资料的学习和使用总结出来的笔记,如有错误或者有不同见解的,欢迎留言,一起学习。 什么是插槽? 插槽就是子组件中的提供给父组件使用的一个占位符,用<slot></slot> 表示,父组件可以在这个占位 阅读全文

posted @ 2020-08-26 09:41 漫思 阅读(2227) 评论(0) 推荐(1) 编辑

vue 动态修改路由参数
摘要:import merge from 'webpack-merge'; 修改原有参数 this.$router.push({ query:merge(this.$route.query,{'maxPrice':'630'}) }) 新增一个参数: this.$router.push({ query:m 阅读全文

posted @ 2020-08-25 11:18 漫思 阅读(9726) 评论(0) 推荐(0) 编辑

Vue路由获取路由参数
摘要:阅读目录(Content) 原文参考:https://www.cnblogs.com/sese/p/9595625.html 原文参考:https://www.cnblogs.com/superlizhao/p/8527317.html 回到顶部(go to top) 原文参考:https://ww 阅读全文

posted @ 2020-08-25 09:51 漫思 阅读(4434) 评论(0) 推荐(0) 编辑

为路径添加别名
摘要:config.resolve.alias // key,value自行定义,比如.set('@@', resolve('src/components')) .set('@', resolve('src')) .set('_c', resolve('src/components')) .set('ap 阅读全文

posted @ 2020-08-19 15:07 漫思 阅读(500) 评论(0) 推荐(0) 编辑

vuex的actions属性
摘要:vuex的actions属性是用来处理异步方法的,通过提交mutations实现。 actions里要传入两个参数context和playload 调用actions的时候,使用this.$store.dispatch("actionsName",playload) store.js import 阅读全文

posted @ 2020-08-17 11:10 漫思 阅读(1026) 评论(0) 推荐(0) 编辑

vue2.0 watch里面的 deep和immediate作用
摘要:deep,默认值是 false,代表是否深度监听。immediate:true代表如果在 wacth 里声明了之后,就会立即先去执行里面的handler方法,如果为 false就跟我们以前的效果一样,不会在绑定的时候就执行。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 1 阅读全文

posted @ 2020-08-11 17:37 漫思 阅读(636) 评论(0) 推荐(0) 编辑

谁先执行?props还是data或是其他? vue组件初始化的执行顺序详解
摘要:初入vue的朋友可能会疑惑,组件初始化的时候,created,props,data到底谁先执行? 今天,我就带大家从源码的角度看看到底谁先执行? 我们知道,vue是个实例 那我们就从new Vue()开始,看看到底做了什么,首先是_init方法,初始化,我们点进去继续看看 可以看到首先是进行初始化生 阅读全文

posted @ 2020-08-10 11:52 漫思 阅读(4736) 评论(0) 推荐(3) 编辑

vue双向绑定原理分析
摘要:当我们学习angular或者vue的时候,其双向绑定为我们开发带来了诸多便捷,今天我们就来分析一下vue双向绑定的原理。 简易vue源码地址:https://github.com/jiangzhenfei/simple-Vue 1.vue双向绑定原理 vue.js 则是采用数据劫持结合发布者-订阅者 阅读全文

posted @ 2020-08-09 18:55 漫思 阅读(3116) 评论(0) 推荐(0) 编辑

HTML/CSS -- 浏览器渲染机制
摘要:我们可能都知道浏览器含有一个渲染引擎,用来渲染窗口所展示的内容。默认情况下,渲染引擎可以显示html、xml文档及图片,它也可以借助插件(一种浏览器扩展)显示其他类型数据,例如使用PDF阅读器插件,用于显示PDF格式。但是其具体的渲染原理和流程估计也有很多人都不知道或者不清楚吧。这些天研究了一下浏览 阅读全文

posted @ 2020-08-09 18:39 漫思 阅读(519) 评论(0) 推荐(0) 编辑

导航