从上边可以看出，你每次在使用的时候，都必须要重复的引入，这样很不方便
vue作为一个组件化开发的框架，我们可以使用组件的方式进行集成 。每次我们引入组件，进行使用，这样就方便的多 。
下面是一个我自己对进行的一个简单的vue组件的集成 。
在中
子组件：
文章插图
props部分是我接收到的参数，父组件获取数据分发，data是父组件分发给的数据源 。
父组件：
文章插图
如果在大型的项目，而且图表又非常的多，那么vuex少不了 。如果把数据集中存储到了vuex中，组件再从vuex中获取数据，我们也能随时保存获取的结果，对这些数据可以添加收藏也可以加入缓存中，下次再请求可以先从缓存调用 。
13.Array.from
ES6为Array增加了from函数用来将其他对象转换成数组 。
当然，其他对象也是有要求，也不是所有的，可以将两种对象转换成数组 。
1.部署了接口的对象，比如：Set，Map，Array 。
2.类数组对象，什么叫类数组对象，就是一个对象必须有属性，没有，转出来的就是空数组 。
转换map
将Map对象的键值对转换成一个一维数组 。
实际上转换出来的数组元素的序列是key1,,key2,,key3,…
const map1 = new Map();map1.set('k1', 1);map1.set('k2', 2);map1.set('k3', 3);console.log('%s', Array.from(map1))结果：
k1,1,k2,2,k3,3转换set
将Set对象的元素转换成一个数组 。
const set1 = new Set();set1.add(1).add(2).add(3)console.log('%s', Array.from(set1))结果
1,2,3转换字符串
可以吧ascii的字符串拆解成一个数据，也可以准确的将字符串拆解成数组 。
console.log('%s', Array.from('hello world'))console.log('%s', Array.from('\u767d\u8272\u7684\u6d77'))结果：
h,e,l,l,o, ,w,o,r,l,d白,色,的,海类数组对象
一个类数组对象必须要有，他们的元素属性名必须是数值或者可以转换成数值的字符 。
注意：属性名代表了数组的索引号，如果没有这个索引号，转出来的数组中对应的元素就为空 。
console.log('%s', Array.from({0: '0',1: '1',3: '3',length:4}))结果：
0,1,,3如果对象不带属性，那么转出来就是空数组 。
console.log('%s', Array.from({0: 0,1: 1}))结果就是空数组 。
对象的属性名不能转换成索引号时 。
console.log('%s', Array.from({a: '1',b: '2',length:2}))结果也是空数组
Array.from可以接受三个参数
我们看定义：
Array.from(arrayLike[, mapFn[, thisArg]])：被转换的的对象 。
mapFn：map函数 。
：map函数中this指向的对象 。
第二个参数，map函数
用来对转换中，每一个元素进行加工，并将加工后的结果作为结果数组的元素值 。
console.log('%s', Array.from([1, 2, 3, 4, 5], (n) => n + 1))
- 可怕的黑产 一DDoS公司两年赚6百万美金
- 许昌房产中介公司,许昌锐意文化传播有限公司介绍？
- 许昌远东传动轴吧,许昌远东传动轴有限公司介绍？
- 重磅发布！全球最具创新力公司，中国企业两家入围，华为和比亚迪 华为中国之最
- 计算机软件公司排名,电脑*软件排行
- idea 创建java web项目_使用IDEA创建javaweb项目
- 微前端的现状以及趋势
- 郑成功收复台湾的结局：荷兰东印度公司离台
- 聊聊“文章代写”这个传统网络项目
- git 将项目添加到github库中