![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 60
Έι
这个作者很懒,什么都没留下…
展开
-
vue 封装websocket
在js中封装如下:let wsurl = 'ws://192.168.1.12:8080/auavs/wsocket'let ws = nulllet weboscket_callback = null//获取 websocket 推送的数据let websocketonmessage = e => { return weboscket_callback(e)}// 连接成功let websocketonopen = () => { console.log('连接.原创 2021-10-13 17:04:44 · 391 阅读 · 3 评论 -
vue使用socktJs
在vue中使用SockJS实现webSocket通信原文1、简单介绍基于webSocket通信的库主要有 socket.io,SockJS,这次用的是 SockJS。2、前提这里我们使用sockjs-client、stomjs这两个模块,要实现webSocket通信,需要后台配合,也使用相应的模块。sockjs-clientsockjs-client是从SockJS中分离出来的用于客户端使用的通信模块.所以我们就直接来看看SockJS.SockJS是一个浏览器的JavaScript库,原创 2021-09-10 16:44:03 · 3837 阅读 · 2 评论 -
vue3API的provide和inject
因为刚自己在研究vue3+echarts。 所以用到啦provide和inject我看啦一下文档。 provide和inject其实是为啦解决隔代传输数据的问题所以我将echart实例放在app组件中,通过provide引入echart实例,这样每个页面都可以访问到啦//App.vue<script lang="ts">import { defineComponent, provide } from 'vue'import * as echarts from 'echarts'原创 2021-06-20 17:30:57 · 473 阅读 · 0 评论 -
vue动态添加路由,rem适配
动态路由添加 先说一下逻辑首先需求大部分是权限管理,用户权限不一样展示页面也不一样后端可能会给你配好路由路径(如果不给你配你只能手撕啦)拿到后端的路径后存在vuex和sessionStorage(解决刷新数据丢失)之后对比本地路由生成可展示路由添加动态路由 addRouter或addRouters直接上代码// vuexconst state={ sideTab:JSON.parse(sessionStorage.getItem('sidetab')原创 2021-05-14 10:32:29 · 160 阅读 · 0 评论 -
Vue基础(二)router路由,路由懒加载,导航守卫,跨域
router路由定义路由:const router={} // export default router 导出路由path:路径,component:对应组件;children:子组件[] 数组;mate:定义是否被缓存;name:路由属性名; //创建路由 const router = new VueRouter({ routes // routes: routes 的简写})// 路由配置const routes = [ { path: '/home', compone原创 2021-04-15 09:22:03 · 554 阅读 · 0 评论 -
Vue基础(一)ref,component,keepalive,solt,transtion,过滤器filter
认识refref在标签中绑定可以获取标签信息;绑定在子组件中可以获取子组件的整个子组件,可以查看或改变子组件的元素<template> <div> <Chird ref='childcom' ></Child> </div></template><script> export default{ data(){}, methods:{ ChangeClild(){ th原创 2021-04-11 23:59:37 · 711 阅读 · 0 评论 -
认识vue cli并搭建项目
使用vue cli搭建项目vue-cli又称脚手架,是搭建vue项目的工具首先准备工作检查是否安装node环境 ,node -v检查npm ;npm -v最好安装webpack 打包工具 npm install webpack -g安装vue-cli ; npm install @vue/cli -g ;是否安装成功:vue -V安装vue 所需依赖 npm install -save创建项目:vue create 项目名称 cli3(切到你想放项目的文件下)原创 2021-03-31 19:01:32 · 40 阅读 · 0 评论 -
认识VUE生命周期函数
认识VUE生命周期函数beforecreate(创建前):在vue 实例化之后 但是watch/event还没创建之前被调用,在这阶段只是vue创建啦生命周期和函数,初始化生命周期initLifecycle,初始化事件initEvents,初始化RenderinitRender这个周期内可以在此时加一些loading效果,在created时进行移除如果你非要在这改变data中的数据也可以:1.需要异步操作,使用this.$nextTick或者setTimeout都行,当全执行完之后会执行里面的原创 2021-03-18 22:25:39 · 72 阅读 · 0 评论