- 博客(20)
- 收藏
- 关注
RSS订阅原创 Vue 和 React 的比较
1、根本理念上的不同Vue 和 React 之间最根本的区别在于 它们对待自己的定位是不一样的。从它们官网直观来看，React 把自己描述为 “一个用于构建用户界面的 JavaScript 库” ，而 Vue.js 则把自己描述为 “渐进式 JavaScript 框架”。一个是库 一个是框架。从历史上看，库和框架都专注于让它们的工作表现得更出色，但 框架的要求和提供的能力更全面详尽， 而库则更少更轻量。2、单文件组件Vue 和 React 都有用来创建 UI 的组件。组件通常由 3 部分组成：
2020-11-27 10:57:58
167
原创 推荐规范的VUE中Axios接口管理
1. axios 的封装1.1 安装axios npm install axios;1.2 引入一般我会在项目的src目录中，新建一个request文件夹，然后在里面新建一个http.js和一个api.js文件。http.js文件用来封装我们的axios，api.js用来统一管理我们的接口。// 在http.js中引入axiosimport axios from 'axios'; // 引入axiosimport QS from 'qs'; // 可有可没有看实际项目情况 引入qs模块，用来
2020-11-11 19:20:53
247
原创 Vue 开发中的骚操作
优雅更新props在子组件中不允许直接修改 props，因为这种做法不符合单向数据流的原则，在开发模式下还会报出警告。因此大多数人会通过 $emit 触发自定义事件，在父组件中接收该事件的传值来更新 prop。 //child.vueexport defalut { props: { title: String }, methods: { changeTitle(){ this.$emit('change
2020-09-08 09:56:17
284
原创 VUE 自身页面跳转自身页面
先说一下要实现的功能： 点击原案件，要回到原案件，但是原案件页面和现在的页面一样，也就是自身跳转自身页面，路由地址不变。使用vue祖传的push()方法来挑转的话，你会发现可以跳转过去，但是页面会刷新。不会触发vue生命周期函数方法一：this.$router.replace({path: '/case-detail',query: {caseId: this.detailInfo.parentId}})this.caseFan() //添加页面初始化获取数据的方法
2020-08-14 15:40:58
3551
原创 微信小程序开发 ＜cover-image＞标签无法绑定点击事件踩坑
在微信小程序开发中 使用camera标签调用系统相机拍照，使用cove-view 标签制作 拍照按钮 ，当按钮没有内容文本时候设置大小没有效果<template> <div class="page"> <camera device-position="back" flash="off" binderror="error"> </camera> <cover-view class="take"> <
2020-08-05 14:29:53
2223
原创 mpvue爬坑 p标签 不能使用v-show
当我们在div上 使用v-show 来展示与隐藏时是可以的。显示效果如图：当我们吧div标签换成p标签就不成功了显示效果：
2020-07-30 16:23:44
332
原创 Vue 视图与数据不统一问题
这里记录的是 vue视图与data中数据不一致的 问题希望可以帮到你，上代码。 做的是一个选择框在后端有数据的情况下复现的功能<Select size="large" style="margin-bottom:10px;" class="common-select-multiple" filterable v-model="joinPerson[0].userId"
2020-07-21 09:47:05
613
原创 Vue踩坑 methods中使用ES6箭头函数
今天本来想骚操作一番，在vue 的methods中使用ES6的箭头函数，没想到遇到了问题结果打印出来的是undefined. 想半天不知道为什么。后来才知道因为箭头函数改变了this的指向。正常的es5函数去写的话，里面的this指向的是，而箭头函数是没有自己的this的，他要向上下文去寻找，也就是在methods中去寻找，显然methods里面没有data，就是undefined，如果是普通的函数的话，那么this指向的是它的调用者，也就是这个vue实例化的对象，它的上面有data，methods
2020-07-10 14:29:00
1596
原创 vue的$parent属性
1.首先 一般默认的来说，我们带 $ 符号的我们基本默认是vue实例对象身上的也就是 vue中的 this，我们可以console一下this，这上面有很多的属性，我们比较常用的 有$refs , $attrs, tips: 我们绑定的时候应该是单数形式比如： $ref 获取时候应该是复数形式。2. $refs 让我们可以在父组件中进行操作子组件的数据以及方法。 $parents 让我们可以在子组件中对父组件的data和方法操作。...
2020-07-01 15:58:59
18099
原创 原生微信小程序 启用第二代的组件样式
今天使用原生来写微信小程序, 打算使用iview框架来写.可是我一番操作之后 ,发先官方的按钮文字上下不居中如图:找了很久没发现问题,然后打算使用vant 来做我的ui框架.看到vant 有说明原因原来是微信小程序官方启用了V2版本的组件样式.在app.json中.只要去掉就好.官方传送门:微信官方. 小声念叨一句iview文档更新慢了.vant 官方文档 iview官方文档...
2020-05-25 13:34:33
236
原创 element中的时间选择组件时间限制 (vue-property-decorator中)
原来的项目是vue-cli +vue-property-decorator 写的 运用了很多ts语法.遇到一个el-date-picker (elment-ui)中的时间选择的一个时间限制功能 看到很多js的写法,没有ts.百度了一下.记录一下.html部分 <el-date-picker v-model="value1" type="date" :picker-options="pickerOptions.
2020-05-21 14:59:14
362
原创 vue 的路由懒加载与组件懒加载
原本我们 到 router.js 里面是怎么写的import Vue from 'vue'import Router from 'vue-router'//***//引入组件import ddd from '@/components/ddd'Vue.use(Router);export default new Router({ routes: [ //...
2020-04-26 16:29:09
156
原创 scss（sass）和less 的相关整理
1.什么 是scss（sass）/less ？ Sass (Syntactically Awesome Stylesheets)是一种动态样式语言，Sass语法属于缩排语法，比css比多出好些功能(如变量、嵌套、运算,混入(Mixin)、继承、颜色处理，函数等)，更容易阅读。Sass的缩排语法，对于写惯css前端的web开发者来说很不直观，也不能将css代码加入到Sas...
2020-04-22 10:42:31
271
原创 vue-cli 使用富文本编辑器插件wangedito
今天在原有的代码上面加一个富文本，将原来的文本域textare替换。吐槽一下谁设计的。很明显是要富文本的呀。一开始怎么写的文本域。1. 先安装依赖npm i wangeditor -S2. 导入3.配置相关参数<template> <div id="wangeditor"> <div ref="editorElem" st...
2020-04-15 12:53:56
872
原创 vue-cli 中使用vue-json-excel.
接手上一位大佬的前端代码，在他封装的组件里面导出一个excel表格。由于不会操作他封装的表格组件，他是在element的基础上再封装了自己的一个组件（我只是一个前端小菜鸡）。然后加班重新搞。难受所有自己查阅资料 ，谢了一个导出excel。首先 ，当然是安装啦， npm i vue-json-excel -s 1第二步，导入可以全局导入使用 在main.js中 。下面代码...
2020-04-15 10:00:24
522
1
原创 align-items 与 align-content的区别
说明：justfiy-content属性可应用于所有的flex容器，它的作用是设置flex子项（flex items）在主轴上的对齐方式。不同取值的效果如下所示https://img-blog.csdnimg.cn/20190304195015924.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,tex...
2020-04-14 13:15:26
447
原创 vue管理后台 对接后端api接口遇到的问题
今天在对接后端接口是遇到一个这样子的问题，我发送的post请求，请求体内有一个type字段，我console出来有这个字段，但我去network里面却没有，求解答...
2020-04-11 10:22:09
1853
1
原创 element-ui 上传upload组件
我的filterImg方法只push了url一个属性，但是却生成了uid status两个属性，不知道是什么原因，可能是element自动为我们添加了。
2020-04-09 14:26:41
532
1
原创 js的事件和方法的理解
翻阅了资料（百度），手动狗头。之后发现。整理一下他们的解释以及区别解释：js中事件分为三大类：鼠标事件、键盘事件、html事件 。事件主要有鼠标事件比如：常用的onclick就是最基础的还有onchange（input的内容改变事件），onfocus（获得焦点事件），onblur（失去焦点事件），onload（加载事件）。还有dblclick：双击事件。mousedown：按下鼠...
2020-04-09 12:49:04
634
原创 关于npm install 的那些后缀是什么含义
-g 这是我们全局安装该依赖.-s -save的缩写 安装到生产环境,即dependencies .-d -save–dev 这则是安装到开发环境,即devDependencies-s和-d它们都将被写进package.json中.对应打属性中.即dependencies 和 devDependencies 当中去.最后了解一下package.json当中的其他属性.na...
2020-03-19 21:54:08
842
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人