![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Johnny玛索
这个作者很懒,什么都没留下…
展开
-
HTML5常见的几种存储数据的方式
常见前端数据存储的方式总结:1.cookie存储。cookie缺点有在请求头上带着数据,大小是4k之内。将cookie的方法写在common/js/common.js文件中。(1)创建和存储cookie//创建和存储cookie// 函数中的参数分别为 cookie 的名称、值以及过期天数//存储是以键值对的形式存储的function setCookie(c_name,value,expiredays){ var exdate=new Date(); exdate.setDat原创 2020-11-17 22:07:22 · 1572 阅读 · 0 评论 -
websocket实现自主向前端发送数据
websocket初始化过程import { websocketPath } from "@/common/api" //后端实现自主向前端发送消息,无需前端请求 initWebSocket(){ //初始化weosocket //ws地址 if (typeof(WebSocket) === "undefined") { alert("您的浏览器不支持socket,请更换合适的浏览器!")原创 2020-11-09 09:19:33 · 1346 阅读 · 0 评论 -
vue-子组件向父组件传值
具体案例当前设计了一个页面,上部分是由父组件组成,下半部分是由子组价组成;当前子组件触发一个事件完成后,要实现父组件页面的刷新,要明白的一点是前端主要是靠数据驱动来实现页面的刷新。为了解决上述问题,我们可以使用下面具体的这个方法。1.父组件页面fu…vue<template><div> <div class="optionDiv" > <div v-if="num == 0"> &原创 2020-09-19 17:01:20 · 290 阅读 · 0 评论 -
vue中vuex的建立和使用
vuex的使用1.安装npm install vuex --save2.在建立的store仓库下的index.js文件中引入import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)4.如果要使用vuex首先必须创建一个实例store,我们称之为仓库,利用这个仓库来对状态进行管理。const store = new Vuex.Store({ state, mutations, actions})5.通常原创 2020-09-18 19:56:04 · 364 阅读 · 0 评论 -
vue中折线图的的实现
整体的实现步骤1.第一步:npm i v-charts echarts -S这一步主要是引入v-chart的组件2.第二步:vue的main.js文件中引入相关依赖import VCharts from 'v-charts'Vue.use(VCharts)3.第三步:页面相关展示代码<template> <ve-line :data="chartData" :settings="chartSettings"></ve-line></te原创 2020-09-03 16:14:57 · 3218 阅读 · 0 评论