zwf193071的专栏

在前一篇文章里我采用的方法是，随机生成坐标点，可这样会导致节点布局混乱，无法理清各个节点之间的关系。希望能做到如下的优化：后期的效果如下图所示：核心代码如下所示：以父节点为圆心，将子节点等分并返回坐标信息该方法如下所示：，即每个子节点对应的角度, 即每个子节点对应的弧度，得到该子节点与圆中心的方向偏移值，若需知道该子节点的坐标信息，则需加上圆心的值核心代码如下所示：在上面代码中，我先从所有节点中过滤出，因为它是类型聚合点，再根据不同类型，......

问题使用vuepress本地跑的时候，可以看到组件效果，为何build之后，却看不到组件效果？原因vuepress不会打包docs以外的组件，比如，之前组件的存放位置如下所示：红框里存放着组件，导致build之后没有这些组件功能解决办法方式一：统一在.vuepress下的components里编写组件方式二：将原src下的components作为组件包@sf/map-graph发布，再在文档系统里引入该组件包即可个人比较倾向于方式二，毕竟方式一冗余且代码还得同步更新维护，极为不便...

前言想在vuepress支持的静态文档系统里，实时显示组件效果，需要哪些呢？请看正文正文首先在.vuepress的components里添加demo-block.vue<template> <div class="demo-block" :class="[blockClass, { 'hover': hovering }]" @mouseenter="hovering = true" @mouseleave="hovering = false"&

前言作用域插槽可以使vue组件更具备通用性(versatile)和可复用性(reusable)。可能唯一不足的地方是其概念有些难懂，通常我遇到不好理解的代码，便会试图将它用到实际项目中，解决之前遇到的问题。下面的正文，便是讲述我在实际项目中遇到的问题，使用scopedSlots是如何解决它。点击链接你可以看到完整的代码正文在app.js里，构建my-list组件，渲染shapes和colors两个测试数组，接受传递的title属性，其代码如下：Vue.component('my-list',