vue
文章平均质量分 60
Έι
这个作者很懒,什么都没留下…
展开
-
vue 封装websocket
在js中封装如下: let wsurl = 'ws://192.168.1.12:8080/auavs/wsocket' let ws = null let weboscket_callback = null //获取 websocket 推送的数据 let websocketonmessage = e => { return weboscket_callback(e) } // 连接成功 let websocketonopen = () => { console.log('连接.原创 2021-10-13 17:04:44 · 440 阅读 · 3 评论 -
vue使用socktJs
在vue中使用SockJS实现webSocket通信 原文 1、简单介绍 基于webSocket通信的库主要有 socket.io,SockJS,这次用的是 SockJS。 2、前提 这里我们使用sockjs-client、stomjs这两个模块,要实现webSocket通信,需要后台配合,也使用相应的模块。 sockjs-client sockjs-client是从SockJS中分离出来的用于客户端使用的通信模块.所以我们就直接来看看SockJS. SockJS是一个浏览器的JavaScript库,原创 2021-09-10 16:44:03 · 3910 阅读 · 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 · 529 阅读 · 0 评论 -
vue动态添加路由,rem适配
动态路由添加 先说一下逻辑 首先需求大部分是权限管理,用户权限不一样展示页面也不一样 后端可能会给你配好路由路径(如果不给你配你只能手撕啦) 拿到后端的路径后存在vuex和sessionStorage(解决刷新数据丢失) 之后对比本地路由生成可展示路由 添加动态路由 addRouter或addRouters 直接上代码 // vuex const state={ sideTab:JSON.parse(sessionStorage.getItem('sidetab')原创 2021-05-14 10:32:29 · 186 阅读 · 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 · 585 阅读 · 0 评论 -
Vue基础(一)ref,component,keepalive,solt,transtion,过滤器filter
认识ref ref在标签中绑定可以获取标签信息;绑定在子组件中可以获取子组件的整个子组件,可以查看或改变子组件的元素 <template> <div> <Chird ref='childcom' ></Child> </div> </template> <script> export default{ data(){}, methods:{ ChangeClild(){ th原创 2021-04-11 23:59:37 · 752 阅读 · 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 · 47 阅读 · 0 评论 -
认识VUE生命周期函数
认识VUE生命周期函数 beforecreate(创建前): 在vue 实例化之后 但是watch/event还没创建之前被调用,在这阶段只是vue创建啦生命周期和函数,初始化生命周期initLifecycle,初始化事件initEvents,初始化RenderinitRender 这个周期内可以在此时加一些loading效果,在created时进行移除 如果你非要在这改变data中的数据也可以: 1.需要异步操作,使用this.$nextTick或者setTimeout都行,当全执行完之后会执行里面的原创 2021-03-18 22:25:39 · 80 阅读 · 0 评论