Vue2 添加数据可视化支持的步骤

这篇文章主要介绍了Vue2 添加数据可视化支持的方法步骤，写的十分的全面细致，具有一定的参考价值，对此有需要的朋友可以参考学习下。如有不足之处，欢迎批评指正。

安装

npm install clay-core --save

首先，通过npm安装数据可视化库clay.js

初始化

新建文件src/clay.js/index.js

import render from 'clay-core';
import Sizzle from 'sizzle';
 
let clay = render(window);
clay.config("$sizzleProvider", () => (selector, context) => Sizzle(selector, context));
 /在此我向大家推荐一个前端全栈开发交流圈：619586920  突破技术瓶颈，提升思维能力
export default clay;

clay.js启动前可以有多项配置，用以针对具体开发环境进行调整或加强，上面我们加强了选择器功能，因此，你可能还需要安装sizzle:

npm install --save sizzle

使用

现在，就可以对照api使用这个库了，举例子：
比如修改entry.js里面的方法：
1.首先在开头导入：

import clay from './clay.js';

2.在需要的地方使用：

el: clay