ctrl c&v-优快云博客

原创 AntV G6（二）Graph 图

AntV G6（二）Graph 图文章目录AntV G6（二）Graph 图一、什么是 Graph二、使用步骤1.初始化2.加载数据3.渲染三、Graph配置1.必要配置项2.常用配置项a.使用 canvas 或 svg 渲染b.自适应画布c.全局元素配置d.布局相关e.交互行为相关f.动画相关g.插件一、什么是 GraphG6 中，Graph 对象是图的载体，它包含了图上的所有元素（节点、边等），同时挂载了图的相关操作（如交互监听、元素操作、渲染等）。Graph 对象的生命周期为：初始化 —&

2020-12-23 15:10:36 4622

原创 AntV G6（一）初体验

AntV G6（一）初体验文章目录AntV G6（一）初体验前言一、G6是什么？二、快速上手1.安装 & 引用2.使用步骤前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、G6是什么？G6 是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基础能力。旨在让关系变得透明，简单。让用户获得关系数据的

2020-12-23 14:32:13 4071

原创 Vue过滤器

Vue过滤器文章目录Vue过滤器前言一、全局过滤器二、局部过滤器三、使用前言用于模板中，对模板渲染的数据做一层过滤（对于数据做一些简单的修改再输出）语法：{{ a | currency }}提示：以下是本篇文章正文内容，下面案例可供参考一、全局过滤器示例：Vue.filter("过滤器名字",(v,data)=>{ // data为过滤器传入的形参 return xxx})二、局部过滤器示例：let 组件名={ filters:{

2020-10-09 10:12:10 303

原创 Vue自定义指令

Vue自定义指令文章目录Vue自定义指令前言一、全局指令(hooks)二、局部指令(hooks)三、钩子函数1、函数2、函数参数前言指令：扩展了 html标签属性功能使用方法：v-指令名=“值”提示：以下是本篇文章正文内容，下面案例可供参考一、全局指令(hooks)可在全局使用的指令代码如下（示例）：Vue.directive('指令名',{ // 钩子函数 bind(){}, inserted(){}, update(){},

2020-10-09 09:42:45 364 1

原创 Vue-mixin混入

Vue-mixin混入文章目录Vue-mixin混入前言一、定义一个mixin混入二、注入mixin混入前言当多个组件有相同属性、方法、监听器、计算属性…，可以定义一个公共混入（注入到任意一个组件）提示：以下是本篇文章正文内容，下面案例可供参考一、定义一个mixin混入代码如下（示例）：let mixin1 = { // data要有自己的作用域（复用） data(){ return {} }, methods:{}, watch:

2020-10-09 08:56:38 243

原创 Vue-transition组件（过渡动画）

Vue-transition组件（过渡动画）文章目录Vue-transition组件（过渡动画）前言一、使用步骤1、使用\组件包裹需要切换的组件/元素2、定义过渡类名3、添加切换事件二、CSS过渡三、使用transition组件结合CSS动画1、使用\组件包裹需要切换的组件/元素2、定义动画3、定义过渡类名4、添加切换事件5、结合animatecss库四、transition-group组件做列表动画前言transition组件用于控制组件、元素的显示消失切换效果。提示：以下是本篇文

2020-10-07 22:51:07 4645 2

原创 Vue组件插槽

Vue组件插槽文章目录Vue组件插槽前言一、插槽是什么？二、使用步骤1.定义组件时，在子组件的template属性中加入占位2.使用组件时，在组件的自定义标签内添加html代码，该代码会自动灌入到slot的位置三、具名插槽（命名插槽）1、子组件中，给slot添加name属性 2、父组件使用时，给代码片段添加slot属性，属性值为对应的name补充前言当我们使用Vue组件时，常常遇到子组件的部分布局在不同的路由组件上表现不同的情况，Vue为了帮助我们开发者解决这个问题，添加了插槽这个功能提示：以

2020-10-06 22:21:07 464

原创 Vue通信（ref、provide/injec、$parent/$children）

Vue通信（ref、provide/injec、$parent/$children）文章目录Vue通信（ref、provide/injec、\$parent/\$children）前言一、ref属性进行通信二、$parent 和 $children三、provide/inject通信总结前言上次讲解了Vue常用的三种通信方式（props通信、事件进行通信、中央事件总线），今天再补充一下Vue其他的通信方式提示：以下是本篇文章正文内容，下面案例可供参考一、ref属性进行通信ref通常是用来获

2020-10-06 22:07:04 434

原创 Vue组件间的通信（传值）

Vue组件通信文章目录Vue组件通信前言一、父向子通信1、props通信子组件父组件2、props验证数据类型(Type)是否必须填写(Required)默认值(Default)实例二、子向父通信1、事件进行通信子组件父组件三、兄弟组件通信1、中央事件总线第三方实例子组件父组件前言由于Vue组件存在嵌套使用，组件间的关系可以分为以下几种：父子、兄弟…那么组件之间是如何传递参数的呢？提示：以下是本篇文章正文内容，下面案例可供参考一、父向子通信父组件向子组件传递参数1、props通信子组

2020-10-05 21:58:27 702

weixin_44783888的博客