Vue3开发:分享“如何使用echart”的应用
![](/images/tt/vue.jpg) [Vue3](/tags/vue3/)开发:分享"如何使用[echart](/tags/echarts/)"的应用。 在大屏可视化项目中,我们常常需要用到很多的图表组件,通常你会编写很多的option对图表进行渲染,以及引入它们所需的一些组件并使用echart.use。 在Vue2中我们常常把可复用的组件...
![](/images/tt/vue.jpg) [Vue3](/tags/vue3/)开发:分享"如何使用[echart](/tags/echarts/)"的应用。 在大屏可视化项目中,我们常常需要用到很多的图表组件,通常你会编写很多的option对图表进行渲染,以及引入它们所需的一些组件并使用echart.use。 在Vue2中我们常常把可复用的组件...
![500.jpg](http://static.51tbox.com/static/2024-11-23/col/fa9c04e3854acdf0db60139fbfce6b0d/0442af74464241e0851d4f9854feb833.jpg.jpg "500.jpg") 谈到数字排列,我们经常会设计师排文案的时候,很漂亮,文字可以按照各种方向...
![](/images/tt/vue.jpg) [vue](/VueJs/)开发小应用:[Vue](/VueJs/)的键盘事件。今天收藏下关于[vue](/VueJs/)里面的键盘事件,希望能给大家带来帮助,我们一起往下学习吧! 在js中我们要获取一个按键的编码通常需要通过(keydown/keyup)去绑定一个事件,再通过默认参数event中的keyCode属性去取得编码...
![](/images/tt/vue.jpg) [Vue](/VueJs/)开发:监听属性和计算属性。 watch监听属性 {#heading-0} ---------------------- 这个属性用来监视某个数据的变化,并触发相应的回调函数执行。 基本用法添加`watch`属性,值为一个对象。对象的属性名就是要监视的数据,属性值为回调函数,每当这个属性名对应的值...
![](/images/tt/vue.jpg) [Vue3](/tags/vue3/):体验setup script的应用。 Vue3已经发布很长一段时间了,相信大多数前端人都已经上手把玩过了,其中比较大的一个特性就是setup方法,可以让我们非常直观和方便的组合我们的业务逻辑和hooks。在setup里面返回的变量可以直接在template里面使用。大多数情况下,我们的大...
![500.jpg](http://static.51tbox.com/static/2024-11-23/col/9c928fd924d496aae39da87468d62e1b/463aad99efe040e6a7218589ef109bea.jpg.jpg "500.jpg") Web前端之家今天介绍下[Vue Router](/tags/vue-r...
![](/images/tt/vue.jpg) [Vue3](/tag/vue3):ref toRef和toRefs的区别。 [Vue3](/tag/vue3)中新增了几种创建响应式数据的方法,其各自的作用当然也不尽相同,每一种方法都有其自己的应用场景,今天我们来聊聊什么是ref toRef和toRefs?三者在使用方式上有什么不同?最佳的使用方式是什么? {#_labe...
![](/images/tt/vue.jpg) 今天分享一个[vue](/VueJs/)开发小应用:使用[Canvas](/tag/canvas)模拟手写中文签字。我们经常去银行办理业务的时候,需要在设备上手签文字,这个功能如何去实现呢?我们今天来模拟下。 **用到的插件:** **后端接口api:**使用 QQ输入法手写接口 ``` https://handwriti...
![](/images/tt/vue.jpg) [Vue](/VueJs/)开发每日一学:[Vue](/VueJs/)返回值动态生成表单及提交数据的办法。 方法逻辑分析 ------ 1、vue在循环的时候需要动态绑定不同的v-model;vue动态的表单,数据怎么绑定呢? 2、动态表单上所有name属性对应的键值对的形式提交到后端。 一、后端返回的数据,提交到后端的...
![](/images/tt/vue.jpg) [vue](/VueJs/)开发TIPS:[vue](/VueJs/)实现选项卡。 实现静态UI效果 * 用传统的方式实现标签结构和样式 基于数据重构UI效果 * 将静态的结构和样式重构为基于Vue模板语法的形式 * 处理事件绑定和js控制逻辑 声明式编程 * 模板的结构和最终显示的效果基本一致 我们先把每组数据...