
vue
多纤果冻
superme
展开
-
ant design vue 清空upload组件图片缓存的方法
借鉴ant react的做法在upload 组件外包加一个key 赋随机值,即可清除缓存 <a-form-model-item label="Image"> <div :key="Math.random()"> <imgUpload @uploadFileList="uploadFileList" model="moudleImg" ...原创 2020-05-28 18:09:30 · 5883 阅读 · 6 评论 -
前端代码异常监控实战
本文大致围绕下面几点展开讨论: JS 处理异常的方式 上报方式 异常监控上报常见问题 JS 异常处理对于 Javascript 而言,我们面对的仅仅只是异常,异常的出现不会直接导致 JS 引擎崩溃,最多只会使当前执行的任务终止。 当前代码块将作为一个任务压入任务队列中,JS 线程会不断地从任务队列中提取任务执行。 当任务执行过程中出现异常,且异常没有捕获处理,则会一直沿着调用栈一层层向外抛出,最终终止当前任务的执行。 JS 线程会继续从任务队列中提转载 2020-05-19 10:55:39 · 413 阅读 · 0 评论 -
vue循环渲染本地图片,不显示问题解决方法
<div class="rno-lattice-cell disabled" v-for="(item, index) in 8" :key="index" > <div class="rno-1-logo-case"> <a> <img class="J-homeCustomerImg" :src="getImgUrl(companyLogoList[index], 'jpg')" ..原创 2020-05-17 20:34:34 · 2287 阅读 · 0 评论 -
Vue.js 作者在 VueConf 2019 上海演讲视频
2019年6月8日来自全球各地的开发者齐聚上海交通大学文治堂,一起见证了VueConf 2019上海的成功举办。在大会上,Vue.js作者尤雨溪给大家带来了主题为“Stateof Vue”的主题演讲。我们一起来看看现场情况:这是会场门外会场座位全景演讲台小右演讲为了要签名,大家也是蛮拼的,小右辛苦了!...转载 2019-10-24 10:48:37 · 290 阅读 · 0 评论 -
vue中路由参数传递可能会遇到的坑
这篇文章主要给大家介绍了关于vue中路由参数传递遇到的坑的相关记录前言vue中路由跳转传参数有多种,自己常用的是下面的几种通过router-link进行跳转 通过编程导航进行路由跳转本文主要给大家介绍了关于vue路由参数传递遇到的一些坑,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。首先我的路由的定义{path: '/b',nam...原创 2019-10-22 13:49:26 · 4738 阅读 · 2 评论 -
vuecli下的首屏性能优化----提升加载速度
前言之前用vuecli做了个博客,是一个单页面项目,大概有十个路由直接npm run build打包出来,有一个1M的巨大js文件先挂载到服务器上试试好家伙 这加载时间 仿佛过了半个世纪首屏页面整整加载了9s光加载那个大文件就花了8s这必须得做个优化了,没有用户能忍受9s的白屏而不关闭页面的过程中,我还顺便把项目从vuecli2.x迁移到了...转载 2019-10-22 12:00:59 · 599 阅读 · 1 评论 -
Vue路由懒加载
当打包构建应用时,JavaScript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。结合 Vue 的异步组件和 Webpack 的代码分割功能,轻松实现路由组件的懒加载。首先,可以将异步组件定义为返回一个 Promise 的工厂函数 (该函数返回的 Promise 应该 resolve 组件本...转载 2019-06-28 15:47:50 · 162 阅读 · 0 评论 -
Vue 代码规范化指南
这里是官方的 Vue 特有代码的风格指南。如果在工程中使用 Vue,为了回避错误、小纠结和反模式,该指南是份不错的参考。不过我们也不确信风格指南的所有内容对于所有的团队或工程都是理想的。所以根据过去的经验、周围的技术栈、个人价值观做出有意义的偏差是可取的。对于其绝大部分,我们也总体上避免就 JavaScript 或 HTML 的本身提出建议。我们不介意你是否使用分号或结尾的逗号。我们不介...转载 2019-06-02 17:26:26 · 3999 阅读 · 1 评论 -
vue 使用组件
注意:有时候使用npm i node-sass -D装不上,这时候,就必须使用 cnpm i node-sass -D在普通页面中使用render函数渲染组件在webpack中配置.vue组件页面的解析 运行cnpm i vue -S将vue安装为运行依赖; 运行cnpm i vue-loader vue-template-compiler -D...原创 2019-05-29 22:10:28 · 324 阅读 · 0 评论 -
Vue.js 学习之Webpack安装配置
在网页中会引用哪些常见的静态资源? JS .js .jsx .coffee .ts(TypeScript 类 C# 语言) CSS .css .less .sass .scss Images .jpg .png .gif .bmp .svg 字体文件(Fonts) .svg .ttf .eot .woff .woff2 模...原创 2019-05-29 21:55:23 · 623 阅读 · 0 评论 -
Vue组件、路由、布局、监听计算属性学习
父组件向子组件传值 组件实例定义方式,注意:一定要使用props属性来定义父组件传递过来的数据 <script> // 创建 Vue 实例,得到 ViewModel var vm = new Vue({ el: '#app', data: { msg: '这是父组件中的消息' }, com...原创 2019-05-29 21:34:21 · 332 阅读 · 0 评论 -
Vue生命周期、vue-resource、vue 钩子函数学习
vue实例的生命周期 什么是生命周期:从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期! 生命周期钩子:就是生命周期事件的别名而已; 生命周期钩子 = 生命周期函数 = 生命周期事件 主要的生命周期函数分类: 创建期间的生命周期函数: beforeCreate:实例刚在内存中被创建出来,此时,还没有初始...原创 2019-05-29 21:23:29 · 204 阅读 · 0 评论 -
Vue学习从入门到精通 ~ 指令
学习Vue基本的语法和概念;打包工具 Webpack , Gulp 以项目驱动学习;什么是Vue.js Vue.js 是目前最火的一个前端框架,React是最流行的一个前端框架(React除了开发网站,还可以开发手机App, Vue语法也是可以用于进行手机App开发的,需要借助于Weex) Vue.js 是前端的主流框架之一,和Angular.js、React.js 一起...原创 2019-05-29 21:00:07 · 574 阅读 · 0 评论 -
vue和微信小程序的区别、比较
写了vue项目和小程序,发现二者有许多相同之处,在此想总结一下二者的共同点和区别。一、生命周期相比之下,小程序的钩子函数要简单得多。vue的钩子函数在跳转新页面时,钩子函数都会触发,但是小程序的钩子函数,页面不同的跳转方式,触发的钩子并不一样。onLoad: 页面加载 一个页面只会调用一次,可以在 onLoad 中获取打开当前页面所调用的 query 参数。onShow:...转载 2019-02-14 11:20:21 · 3176 阅读 · 0 评论 -
初学者可能不知道的vue技巧
技巧/坑点1.setTimeout/ setInterval 场景一 :this指向改变无法用this访问vue实例 mounted(){ setTimeout( function () { //setInterval同理 console.log(this); //此时this指向Window对象 },1000) ; } 解决方法...转载 2019-02-14 11:12:32 · 312 阅读 · 0 评论 -
github vue 高星项目
内容UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例UI组件element ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 - 基于Vue和WeUI的组件库 iview ★6634 - 基于 Vuejs 的开源 UI 组件库 mint-ui ★6253 - Vue 2的移动UI元素 muse-ui ★3705...转载 2019-02-14 11:04:44 · 7269 阅读 · 0 评论 -
Vue.use()源码解析
Vue.use()vue.use()的作用:官方文档的解释:安装 Vue.js 插件。如果插件是一个对象,必须提供 install 方法。如果插件是一个函数,它会被作为 install 方法。install 方法调用时,会将 Vue 作为参数传入。vue.use()使用情景:可以在项目中使用vue.use()全局注入一个插件,从而不需要在每个组件文件中import...转载 2019-02-13 23:21:01 · 1046 阅读 · 1 评论 -
(转)Vue中mixin的理解
mixins基础概况vue中的解释是这样的,如果觉得语言枯燥的可以自行跳过嘿~混入 (mixins): 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。怎么用?举个栗子:定义一个混入对象image把混入对象混入到当前的组件中image用法似不似相当简单...转载 2019-02-22 23:57:51 · 216 阅读 · 0 评论