骚φ(゜▽゜*)♪白-CSDN博客

1 状态共享随着组件的细化，就会遇到多组件状态共享的情况， vuex当然可以解决这类问题，不过就像 vuex官方文档所说的，如果应用不够大，为避免代码繁琐冗余，最好不要使用它，今天我们介绍的是 vue.js 2.6 新增加的 Observable API ，通过使用这个 api 我们可以应对一些简单的跨组件数据状态共享的情况。如下这个例子，我们将在组件外创建一个 store，然后在 App....

2019-06-06 16:21:34 348

原创 vue中使用的工具类

vue中使用的工具类/*const url="http://yidongyihu.com";*/export function _debounce(fn, delay) { //防抖函数 var delay = delay || 200 var timer// timer 只定义过一次 vue的methods中绑定的是 return 出来的function return fu...

2019-05-23 14:32:36 1747

原创 vue 中使用LodopFuncs打印插件

vue 中使用LodopFuncs打印插件创建一个LodopFuncs.jsvar CreatedOKLodop7766 = null, CLodopIsLocal;//====判断是否需要 Web打印服务CLodop:===//===(不支持插件的浏览器版本需要用它)===function needCLodop() { try { var ua = navigator.u...

2019-05-23 14:28:21 2908

原创 vue 常用过滤器

vue 常用过滤器import Vue from 'vue'Vue.filter('Sub_IPNT_TYPE',function(val) { switch (val) { case 1: return '数字' break case 2: return '文本' break cas...

2019-05-23 11:23:16 761

转载 Vue.set的使用

这里我定义了一个列表数据，我将通过三个不同的按钮来控制列表数据。首先在列表中动态新增一条数据：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head&am

2018-09-28 16:07:37 1353

原创 vue中$refs、$emit、$on的使用场景

1、$emit的使用场景子组件调用父组件的方法并传递数据注意：子组件标签中的时间也不区分大小写要用“-”隔开子组件：<template> <button @click="emitEvent">点击我</button></template><script> export default { data() { ...

2018-09-28 15:39:11 25642 6

原创动态组件

vue实现动态组件的两种方法一种是使用v-if条件渲染：当seen=0的时候，使用按钮组件，否则使用箭头组件子组件：&lt;template&gt; &lt;div class="qui-list"&gt; &lt;span class="list-tips"&gt;{{tipsText}}&lt;/

2018-09-27 11:15:40 1001

翻译【Vue】详解Vue组件系统

【Vue】详解Vue组件系统目录Vue渲染的两大基础方式new 一个Vue的实例注册组件并使用注册组件全局注册局部注册通过new创建Vue实例,  全局注册组件，局部注册组件三者的使用频率（场景）Vue中的props数据流props取值的方式props内写...

2018-09-13 10:48:09 436

转载 JS中遍历数组的一些方法总结

Js里面数组是很重要的一块内容，其实就是我们做项目的时候也是很重要的一种数据格式，大部分的数据都不会是一个个或者两个，那么数据多的时候一般是以数组的形式的存放的，那么后端给前端的时候是数据，我们要展示给用户看的时候遍历数组就显得尤为重要，今天就简单的说一下一些常见的遍历数据的方法！能力有限，写的好与不好，全与不全都请多多谅解！首先我们说一下常见的数组类型，我们一般见到的数组有Array、Set...

2018-09-13 10:35:38 199

翻译在vue中使用vue-echarts-v3

特征轻量，高效，按需绑定事件支持按需导入ECharts.js图表和组件支持组件调整大小事件自动更新视图一、安装npm install --save echarts vue-echarts-v3二、用法用 vue-cli 搭建的项目，打开 build 文件夹中的 webpack.base.conf.js 文件1、webpack 1...

2018-09-13 10:28:21 1873 2

转载用echarts实现一个简单的生成图表的功能

说实话一直想做一个可以生成图表的文件，但是一直研究不明白，曾经也看过很多的类似技术的文件，D3.js，Hcharts，Echarts都看过，但是看不下去，一个是api写的很死板，一个是自己事情比较多，今天不是很忙，简单的看了一下，写一个简单的生成图表，很简单，没有什么技术含量，只是为了抛砖引玉，我写的只是稍微改了一点官方的例子，谁用的比较厉害的，是echarts的高阶玩家的，可以教我一下，一定虚...

2018-09-11 15:05:41 2099

原创第一次使用vue2.0开发，从搭建项目到后期遇到的问题及后期的优化！闲来无事分享一波！

vue 项目搭建前言基于Vue.js 2.x系列 + Element UI 的组件化开发方案,vue.js不支持IE8及其以下版本，因为 Vue.js 使用了 IE8 不能模拟的 ECMAScript 5 特性。 Vue.js 支持所有兼容 ECMAScript 5 的浏览器。vue的安装依赖于node.js,要确保你的计算机上已安装过node.js。可进入cmd编辑器，输入命令 node...

2018-08-23 15:42:23 1960

chaochao466的博客

转载【D3.js数据可视化系列教程】（二十四）--力导向图

转载【D3.js数据可视化系列教程】（二十三）--饼图圆环图

转载【D3.js数据可视化系列教程】（二十二）--交互图表之提示条

转载【D3.js数据可视化系列教程】（二十一）--交互图表之条形图排序切换

转载【D3.js数据可视化系列教程】（二十）--交互图表之条形图排序

转载【D3.js数据可视化系列教程】（十七）--通过键联结数据

转载【D3.js数据可视化系列教程】（十九）--交互图表之鼠标悬停

转载【D3.js数据可视化系列教程】（十八）--组合添加删除

转载【D3.js数据可视化系列教程】（十六）--更新、过度和动画

转载【D3.js数据可视化系列教程】--（十五）SVG基本图形绘制

转载【D3.js数据可视化系列教程】--（十四）有路径的文字

转载【D3.js数据可视化系列教程】--（十三）坐标轴

转载【D3.js数据可视化系列教程】--（十二）比例尺

转载【D3.js数据可视化系列教程】--（十一）散点图

转载【D3.js数据可视化系列教程】--（十）更自由的条形图

转载【D3.js数据可视化系列教程】--（九）D3的数据类型

转载【D3.js数据可视化系列教程】--（八）使用D3绘制SVG

转载【D3.js数据可视化系列教程】--（七）SVG初探

转载【D3.js数据可视化系列教程】--（六）生成测试数据

转载【D3.js数据可视化系列教程】--（五）用层画条形图

转载【D3.js数据可视化系列教程】--（四）使用数据

转载【D3.js数据可视化系列教程】--（三）数据绑定

转载【D3.js数据可视化系列教程】--（二）最简单的开始：添加元素

转载【D3.js数据可视化系列教程】--（一）简介

翻译 7个有用的vue开发技巧