随笔分类 -  Vue

摘要:Vuex原理解析 Vuex是基于Vue的响应式原理基础,所以无法拿出来单独使用,必须在Vue的基础之上使用。 1.Vuex使用相关解析 main.js 1 import store form './store' // 引入一个store文件 2 ​ 3 new Vue({ 4 // 在Vue初始化的 阅读全文
posted @ 2020-07-27 18:53 前端羽哥 阅读(617) 评论(0) 推荐(3)
摘要:下面是Vue的一些基本知识点相关学习跟应用,差缺补漏吧。Vue.js官网好好看一遍还是很香的。 Vue中的数据和DOM已经被关联起来,所有的东西都是响应式的。注意我们不再和HTML直接交互。一个Vue应用会将其挂载到DOM元素上然后对齐进行完全的控制,那个HTML是我们的入口,但是其他的都会发生在新 阅读全文
posted @ 2020-07-19 00:34 前端羽哥 阅读(1971) 评论(3) 推荐(4)
摘要:对Vue中的MVVM原理解析和实现 首先你对Vue需要有一定的了解,知道MVVM。这样才能更有助于你顺利的完成下面原理的阅读学习和编写 下面由我阿巴阿巴的详细走一遍Vue中MVVM原理的实现,这篇文章大家可以学习到: 1.Vue数据双向绑定核心代码模块以及实现原理 2.订阅者-发布者模式是如何做到让 阅读全文
posted @ 2020-07-13 22:51 前端羽哥 阅读(3676) 评论(0) 推荐(4)
摘要:本文记录一下在Vue中实现导出Excel表格的做法。参考度娘上各篇博客,最后实现功能 Excel表格,我的后端返回的是数据流,然后文件名是放进了content-disposition中,前端进行获取。(前端也可以自己设置文件名)这其中遇到两个问题,第一是文件名获取不到;第二是返回的数据data已经被 阅读全文
posted @ 2019-12-17 10:56 前端羽哥 阅读(3607) 评论(0) 推荐(0)
摘要:Vue中keep-alive的使用我总结的有两种方式应用: 首先简述一下keep-alive的作用,kee-alive可以缓存不活动的的组件。当组件之间进行相互切换的时候,默认会销毁,当重新切换回来时又重新初始化。现在有需求切换回来不销毁组件,保持原来的状态,此时用keep-alive就可以实现了 阅读全文
posted @ 2019-12-04 10:11 前端羽哥 阅读(6218) 评论(1) 推荐(3)
摘要:稍微总结了一下Vue中父子间传值以及相互调方法的问题,非常基础、希望可以帮到你!先来个最常用的,直接上代码: 1、父传值给子组件 父组件: <template> <div> <p class="father">父组件</p> <child :sid="id"></child> </div> </te 阅读全文
posted @ 2019-11-11 19:47 前端羽哥 阅读(12258) 评论(1) 推荐(2)
摘要:1、 首先需要安装相关的依赖包 npm install qrcodejs2 --save 或者 npm install qrcode2 --save 这里选择第二种方式进行安装,如图: 2、template中往需要展示的地方写入 <div id="qrcode" ref="qrcode"></div 阅读全文
posted @ 2019-10-29 11:00 前端羽哥 阅读(1459) 评论(0) 推荐(0)