Vue
Hws有梦想
这个作者很懒,什么都没留下…
展开
-
Axios经验
1. 报错:Cannot read property 'protocol' of undefined 原因: 引入axios方式问题 错误代码: 正确方式: import axios from 'axios' import axios from ...原创 2020-05-20 09:58:40 · 111 阅读 · 1 评论 -
Vue中codemirror使用心得
最新在使用codemirror,整理了一下使用心得,仔细看下官网文档,看个一两天肯定就熟悉了1. hint (1) javascript-hint: a: 在源文件javascript-hint.js中下面代码修复空字符串时也会有代码提示出现。 ```javascriptif (token.string == "") { re...原创 2020-02-25 17:07:50 · 1550 阅读 · 0 评论 -
webpack配置解决开发环境中的跨域问题
跨域这个事儿是前端避不开的问题,至于为什么产生跨域不是本文的重点,希望有兴趣的朋友可以去尝试搜下相关文章。首先vue-cli2.0搭建的项目下是需要在文件目录config/index.js文件中进行配置,下面例子是将所有请求域名改为“https://interface.meiriyiwen.com/”。module.exports = { dev: { // Paths...原创 2019-07-24 18:05:09 · 897 阅读 · 0 评论 -
Vue之生命周期activated与created使用
Vue中生命周期钩子的使用一般主要用于数据的初始化,最近使用了keep-alive,又学习到了actived这一钩子。于是就与created做了一个比较。 created activated 触发顺序 组件创建最初始 created => mounted =>activated 触发次数 只在组件刚创建时创建 在使用keep-ali...原创 2019-01-22 09:35:34 · 19817 阅读 · 3 评论 -
vue之keep-alive
vue通常作为单页面开发,而实际业务开发后台管理系统中,使用过程中可以开多个tab页使用起来比较方便。但是使用vue-router进行各个tab页之间路由切换时,每次重新进入路由之前页面中的资料就全部重新刷新一次。这显然达不到我们方便使用的效果。因此,keep-alive就能派上大用场了。官方文档解释使用keep-alive标签报过动态组件,会缓存不活动的组件实例。 使用方式...原创 2019-01-03 22:57:02 · 146 阅读 · 0 评论 -
vue导出excel文件功能实现记录
excel文件导出功能主要是用于数据的统计方面,因此使用Vue开发后台管理系统的朋友可以来看我的记录。希望巩固自己的同时也能够方便大家。使用的npm包file-saver ---用于将导出的excel文件保存至本地的一个模块 xlsx ----极其强大,用于编写和解析excel。要详细了解https://docs.sheetjs.com/#sheetjs-js-xlsx附上文档链接,...原创 2018-12-17 23:36:33 · 641 阅读 · 0 评论 -
Vue组件开发学习总结
使用Vue各种ui框架如element-ui,iview可以提供开发效率。但是用别人的手短,有时候它们不能完全满足我们自己的需求。所以就促使我萌生了开发自定义组件的念头。由需求推动学习,重新去vue2的官网查看了组件开发这一节的内容。开始开发一个可拖曳的Modal对话框组件。组件的构成首先要了解如何构造一个组件,其实Vue作为spa开发,每一个vue文件都可以看做是一个组件。只不过这里我们...原创 2018-12-13 10:31:39 · 213 阅读 · 2 评论 -
Vue2实践computed监听Vuex中state对象中的对象属性时发生的一些有趣经历
今天想实现一个功能,在全局中随时改变用户的部分信息。这时候就想到了用Vuex状态控制器来存储用户信息,在页面中使用computed来监听用户这个对象。看似一个很简单的逻辑,就体现了我基本功的不扎实呀。代码1:// store.jsimport Vuex from 'vuex';const store = new Vuex.Store({ state: { person...原创 2018-11-30 15:50:07 · 11999 阅读 · 2 评论 -
Vue中使用TinyMce方法
最新项目上需要添加一个富文本编辑器,通过各种推荐与比较选择了TinyMce。我的项目是vue2,通过npm下载了模块后,找到官方文档进行阅读,只有英文文档,所以在阅读的时候有些细节方面就很难理解。下面我就记录一下我在学习中遇到的几个问题,希望能给更多的朋友提供帮助。正文要学习怎么使用插件,首先肯定是要去官网看文档:https://www.tiny.cloud/docs。但是有一个小小...原创 2018-11-25 22:45:55 · 6199 阅读 · 0 评论 -
记由创建自定义组件实例需求驱动的vue.extend学习过程
学习vue.extend纯粹是因为当前项目使用的ui框架不能满足需求,所以使我萌生了自定义组件的念头。自定义组件写完后,又想能够自定义创建组件实例。这样一步一步,接触到了vue.extend。First首先要做的当然是先了解vue.extend的作用,通过官方文档API里的说明可以得知vue.extend(option) option的参数是一个包含组件选项的对象 返回一个Vue...原创 2018-11-21 23:42:22 · 164 阅读 · 0 评论