摘要: 全局echarts对象 全局 echarts 对象是引入 echarts.js 文件之后就可以直接使用的 echarts.init 初始化ECharts实例对象使用主题 echarts.registerTheme 注册主题只有注册过的主题,才能在init方法中使用该主题 echarts.regist 阅读全文
posted @ 2021-11-10 22:57 keyeking 阅读(34) 评论(0) 推荐(0) 编辑
摘要: 加载动画 ECharts 已经内置好了加载数据的动画, 我们只需要在合适的时机显示或者隐藏即可 显示加载动画 box.showLoading() // 在获取数据之前, 显示加载动画 $.get('data/data.json', function (res) { box.hideLoading() 阅读全文
posted @ 2021-11-10 22:15 keyeking 阅读(43) 评论(0) 推荐(0) 编辑
摘要: 主题 默认主题 ECharts 中默认内置了两套主题: light dark 在初始化对象方法 init 中可以指明 var chart = echarts.init(box, 'light') var chart = echarts.init(box, 'dark') light效果 var bo 阅读全文
posted @ 2021-11-10 21:25 keyeking 阅读(265) 评论(0) 推荐(0) 编辑
摘要: vue3中同一个元素上即使用v-if,又使用v-for时,v-if的优先级高于v-for 案例: <body> <div id="app"> <ul> <li v-for="item in arr" v-if="item.done" :class="{todos:iten.done}" :key=" 阅读全文
posted @ 2021-11-10 18:21 keyeking 阅读(303) 评论(0) 推荐(0) 编辑
摘要: 在vue3中,如果一个元素同时定义了v-bind="object"语法绑定属性和单独绑定的属性,那么声明绑定的顺序决定了他们如何合并,现在开发者对自己所希望的合并行为有了更好的控制 <body> <div id="app"> <div id="red" v-bind="{id:'blue'}"> v 阅读全文
posted @ 2021-11-10 17:52 keyeking 阅读(72) 评论(0) 推荐(0) 编辑
摘要: 新增:对于v-if/v-else/v-else-if的各分支项,key将不再是必须的,因为vue3会自动生成唯一的key 非兼容:如果你手动提供了key,那么每个分支必须使用唯一的key,不能通过故意使用相同的key来强制使用分支 非兼容:<template v-for>的key应该设置在<temp 阅读全文
posted @ 2021-11-10 16:11 keyeking 阅读(87) 评论(0) 推荐(0) 编辑
摘要: v-model指令的变化 在vue2中有两个相似的功能,是sync修饰符和v-model,但是实际运用的时候,往往容易混淆,因为它们功能很相似。比如我想绑定一个动态的值,又想在子组件中尝试的去改变它,sync修饰符和v-model都可以实现此功能,所以不知道该选哪个。 在vue3中这两个功能做了一次 阅读全文
posted @ 2021-11-10 15:30 keyeking 阅读(266) 评论(0) 推荐(0) 编辑
摘要: 在vue3 中,将全局改变vue行为的全局API移到由新的createApp方法创建的应用程序实例中,并且它们的影响现在仅限于该应用程序实例 vue2可以改变vue行为的全局API和全局配置 常见的全局API:Vue.component 、Vue.mixin 、Vue.extend、Vue.next 阅读全文
posted @ 2021-11-10 10:49 keyeking 阅读(307) 评论(0) 推荐(0) 编辑