随笔分类 -  Vue系列文章

vue框架的相关知识
摘要:十八(二) vue使用WebSocket IO 解释: 这个其实个websocket的差不多,只不过这个是用的事件来进行区分监听的,本质上web自带的webSocket的是可以直接使用的,但是socketIo 需要安装依赖库, 连接的方式基本上差不多,建立连接后,直接进行事件监听,根据事件就可以相互 阅读全文
posted @ 2021-04-08 16:46 无梦南柯 阅读(720) 评论(1) 推荐(0) 编辑
摘要:vue使用mqtt 之前以为自己写了,但是后来发现没写,所有来补上,其实这些个通信在写法上都是差不多的,只是用不同而已,适应的场景不同。 解释:作为mqtt而言,还是订阅发布的形式吗,不多说了,开始补作业 1.先安装 npm install mqtt --save 2.使用位置 这个东西还是建议用到 阅读全文
posted @ 2021-03-19 09:45 无梦南柯 阅读(1912) 评论(0) 推荐(0) 编辑
摘要:vue 使用消息队列进行数据通信 Rabbit MQ @(文章测试目录) 概念: 1.是一种应用程序对应用程序的通信方法。应用程序通过读写出入队列的消息(针对应用程序的数据)来通信,而无需专用连接来链接它们 2.举个例子,假如你想投递一封邮件,你可以将邮件投递到某个邮箱,然后邮递员从邮箱中获取邮件, 阅读全文
posted @ 2020-12-08 14:35 无梦南柯 阅读(4991) 评论(0) 推荐(0) 编辑
摘要:(二十一) js全局文件 全局变量挂载 Vue.prototype 目的:就是用些全局的变量,比如一些你自定义的ip 啥的,那为啥不用vuex。我就不,我就用这个 当然了,也有点不一样吗 所以我们分两种, 1.一种是直接写在文件里面直接调用 2.挂载到Vue.prototype 这样就成了一个全局的 阅读全文
posted @ 2020-12-01 17:40 无梦南柯 阅读(3133) 评论(0) 推荐(0) 编辑
摘要:(二、2)Vue的 父子组件 切换页面 生命周期 执行过程 首先我觉得要先简介vue 所谓低门槛和渐进式:(比较容易开发者上手开发,从简单不断扩充到复杂的应用) 所谓轻量级:(Vue2.0版本代码压缩据说只要17kb大小。) 所谓命名式:(当你想要做什么的时候,通过指令,返回想要的结果,可以不用动脑 阅读全文
posted @ 2020-12-01 15:07 无梦南柯 阅读(709) 评论(0) 推荐(0) 编辑
摘要:vue缓存页面数据(keep-alive),同时刷新部分数据 缓存页面 在相应的页面相互跳转的时候,会出现希望在返回上一个页面的时候保留之前的数据,解决方案就是在相应的路由文件上面进行操作,判断是否进行缓存 路由文件index.js // 路由配置 // 费用管理-备用金申请 (需要被缓存的组件 , 阅读全文
posted @ 2020-11-10 10:49 无梦南柯 阅读(3137) 评论(0) 推荐(1) 编辑
摘要:vue配置相应的运行环境 环境变量 参考文章https://www.cnblogs.com/sese/p/11905402.html 目的: 项目开发过程中,至少会经历开发环境、测试环境和生产环境(即正式环境)三个阶段。不同阶段请求的状态(如接口地址等)不尽相同,若手动切换接口地址是相当繁琐且易出错 阅读全文
posted @ 2020-10-17 16:55 无梦南柯 阅读(1036) 评论(0) 推荐(0) 编辑
摘要:vue接入websocket 首先就是网上的写法有很多但是 都是需要创建一个对象进行相关的状态回调,有的是需要创建一个初始化方法进行相关的状态回调,然后看的我就一句话 都挺好的,反正就是需要你去创建对象接收发送消息,然后我就在这写一个全局的使用的,因为我觉得大部分就是作为消息推送来用所以全局来用蛮好 阅读全文
posted @ 2020-10-17 16:12 无梦南柯 阅读(10839) 评论(1) 推荐(4) 编辑
摘要:nuxt.js 简述 https://www.nuxtjs.cn/ 偶然间看见了这个东西 记录一下 顺便理解一下相关于 前端解析 部署 渲染啥的的流程 vue单页面应用渲染是从服务器获取所需js,在客户端将其解析生成html挂载于 id为app的DOM元素上,这样会存在两大问题。 什么是nuxt.j 阅读全文
posted @ 2020-10-10 10:46 无梦南柯 阅读(2031) 评论(0) 推荐(0) 编辑
摘要:vue router的Hash History的相关区别 Hash: 默认为 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,当 URL 改变时,页面不会重新加载。在URL的路径中 , #以及#后面的字符称之为hash,用window.location.hash可以读取到 阅读全文
posted @ 2020-09-02 11:10 无梦南柯 阅读(171) 评论(0) 推荐(0) 编辑
摘要:Vue的 vue.config.js 配置 1. 为什么要配置 vue.config.js 由于 vue-cli 3 也学习了 rollup 的零配置思路,所以项目初始化后,没有了以前熟悉的 build 目录,也就没有了 webpack.base.config.js、webpack.dev.conf 阅读全文
posted @ 2020-08-27 15:41 无梦南柯 阅读(19453) 评论(0) 推荐(0) 编辑
摘要:VueX 的使用 及相关的操作 安装:(一般都是在建设项目的时候直接进行选择) npm install vuex --save 里面会有5个相应的属性:(网上找的) npm之后 在全局注册 这vueX中这样配置: //Vuex的引入 import Vue from 'vue' import Vuex 阅读全文
posted @ 2020-08-15 16:58 无梦南柯 阅读(244) 评论(1) 推荐(0) 编辑
摘要:Vue 封装axios(四种请求)及相关介绍 首先axios是基于promise的http库 promise是什么? 1、主要用于异步计算 2、可以将异步操作队列化,按照期望的顺序执行,返回符合预期的结果 3、可以在对象之间传递和操作promise,帮助我们处理队列 一.首先安装axios npm 阅读全文
posted @ 2020-06-29 22:57 无梦南柯 阅读(2691) 评论(1) 推荐(2) 编辑
摘要:路由跳转的几种方式 写的太棒了 https://blog.csdn.net/jiandan1127/article/details/86170336 1. 声明式跳转 直接跳转 包裹内容 //不带参数跳转 //(一) <router-link :to="{name:''}"> 查看 </router 阅读全文
posted @ 2020-06-11 12:46 无梦南柯 阅读(1952) 评论(0) 推荐(0) 编辑
摘要:转载https://www.jianshu.com/p/09e31bac0054 没有在实际中用到 不是特别理解 有时间看看VueX Vue 处理边界情况 访问根实例 1 .this.$root 2 .所有的子组件都可以将这个实例作为一个全局的store来访问或者使用 3 .小型的小项目其实可以直接 阅读全文
posted @ 2020-06-11 10:08 无梦南柯 阅读(354) 评论(0) 推荐(0) 编辑
摘要:Vue 书写项目的注意事项 (一):路由划分 业务逻辑 首先写项目的时候肯定是要进行 项目的展示划分 但是并不是每个页面就是一个业务逻辑 (二): 组件书写 在相应的页面里面 进行操作的划分,就是每一个相应的业务操作,尽量使用组件进行操作展示,在一个页面组件上 进行业务操作的组件划分, 例如: 我这 阅读全文
posted @ 2020-06-09 15:37 无梦南柯 阅读(310) 评论(0) 推荐(0) 编辑
摘要:动态组件 & 异步组件 切换组件保持组件的原状态 1.使用 is 进行组件的切换显示 <component v-bind:is="currentTabComponent"></component> 这样是重新创建了组件 如果要保持组件的状态,比如打开的菜单栏还是保持展开的 ,就可以这样 <!-- 失 阅读全文
posted @ 2020-06-05 11:29 无梦南柯 阅读(347) 评论(0) 推荐(1) 编辑
摘要:插槽 作用:官方解释就是vue实现一套内容分发机制,将元素作为承载分发内容的出口 ,就是视图层和数据层进行展示的时候不要直接绑定数据,而是进行数据的上传 个人理解,就还是父子组件的传值 就像是父组件你把东西给我,我用用,然后我把我全部的加上你给我的一块给你 1. 在官网上边 父到子 是prope 传 阅读全文
posted @ 2020-06-04 14:19 无梦南柯 阅读(804) 评论(0) 推荐(0) 编辑
摘要:父子组件的相互传值及非父子组件传值 1.首先明确一点 什么是父子组件,其实很简单哈,就是再明确一下,存在引用关系,一个组件引用了一个组件那么他们就是父子组件 对不,我包含着你 我引用了了你 我就是你爸 对吧 哈哈哈 这话就是 父子组件都是是相对而言的,有了子组件,他才是父组件。没有子组件,那都叫组件 阅读全文
posted @ 2020-06-03 16:20 无梦南柯 阅读(310) 评论(0) 推荐(0) 编辑
摘要:正式开始组件 为什么说是正式开始呢,vue本来就是单页面应用,组件化,尽量保持,一个组件只做一件事情,降低耦合度, 前边那几篇都是在说vue的基本用法,为什么要那样去写 所以我们真正了解完组件之后,结合路由,我们就能有一个小的架构了,就像是你学习Java学到了类一样,开始了一个层面的编程项目书写, 阅读全文
posted @ 2020-06-03 10:44 无梦南柯 阅读(136) 评论(0) 推荐(0) 编辑

Fork me on GitHub
点击右上角即可分享
微信分享提示