1、Canvas是使用javaScript程序绘制动态生成的，SVG是使用xml文档描述来绘图。从这点来看：SVG更适合用来做动态交互，而且SVG绘图更容易编辑
2、SVG是基于矢量的，所以它能够很好的处理图形大小的变大。canvas是基于位图的图像，他不能改变大小，只能缩放显示，最适合带有大型渲染区域的应用程序（比如谷歌地图）
3、canvas支持的颜色比SVG多，更适合图像密集型的游戏之类使用，其中的许多对象会被频繁重绘
canvas js绘制 标量图 依赖分辨率 大型游戏人多的游戏场景
svg xml文档绘制 矢量图 不依赖分辨率 谷歌地图 绘图区域比较大
页面缓存的坑 有个填写信息的页面，需要填写一部分信息进入查新协议页面，返回的时候，页面上填写的信息还需要留存，解决方法，就是使用vue提供的keep-alive，来完成页面的缓存组件的，actived sdeactived 第一次切换到a组件，生命周期函数actived created 执行，切换到b组件，a组件的deactived调用函数，再切换到a组件， 只有actived函数执行
