![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 90
KinHKin(五年前端)
前端码农
展开
-
vue3版本网页小游戏
最近是由于玩了羊了个羊的小程序,有所感悟,思考了这个游戏的整体的玩法,如何去操作,然后想到了可以实现一个前端网页版本的羊了个羊,这里面有一些自己的设计思考是很重要的,花了一个星期左右来实现,中间遇到了如何消除,如何控制挑战失败,成功的问题,并且一一解决了,可以想到如果前端来做这个游戏怎么在最优的方案上原创 2022-09-29 17:41:04 · 11432 阅读 · 115 评论 -
vue3的ref,reactive的使用和原理解析
vue3新增了ref,reactive两个api用于响应式数据,Ref 系列毫无疑问是使用频率最高的 api 之一,响应式意味着数据变动,页面局部自动更新。原创 2022-09-25 20:36:05 · 16037 阅读 · 45 评论 -
vue3的setup的使用和原理解析
在vue3中,新的setup函数属性给我们提供了书写的便利,其背后的工作量无疑是巨大的,有状态的组件的初始化的过程,在 setup 函数初始化部分我们讨论的源码的执行过程。原创 2022-09-24 13:54:07 · 27482 阅读 · 50 评论 -
vue3 | 数据可视化实战echarts图表柱状图和饼图的联动
echarts图表在大数据可视化中间非常实用,图表之间联动效果更具直观性,同时需要掌握echarts的配置,属性,熟练应用功能,要具备抽象思维,封装组件思维,数据驱动页面思维,把基础的功能组件做好,后续的维护和扩展性才会更加方便。原创 2022-09-22 17:59:22 · 6577 阅读 · 25 评论 -
vue3 | HighCharts实战自定义封装之径向条形图
在做数据平台开发时候,大数据驱动页面的情况很常见,并且大数据的展示,一般以图表类,居多,掌握一种图表往往不够,比如会echarts,但是 echarts有很多图表效果满足不了需求,就如现在我开发的径向条形图,echarts很难实现,学习highcharts是有成本的,本文能希望能你在highchart的使用上有所帮助。通过一种使用,其他的举一反三,还有不懂的可以评论区留言告诉我,我会有时间及时回复。未完待续,后续将会带来大屏可视化的动态实时数据如何展示?敬请期待~~~❤️❤️❤️。原创 2022-09-18 10:27:41 · 4427 阅读 · 110 评论 -
vue自适应布局(各种浏览器,分辨率)
主要使用了flex布局的flex:1属性和自适应的css+vh+百分比这种方式,开局设置overflow:hidden,主体main部分要设置:overflow:auto,这种方式可以自动使得菜单的滚动条和内容的滚动条在一个区域内滚动,后续我会把完整代码放在个人主页KinHKin的博客_CSDN博客-vue,中秋活动,性能优化领域博主的资源里面,供大家免费下载,希望大家能够喜欢💗💗💗。原创 2022-09-04 15:54:11 · 29543 阅读 · 117 评论 -
猿创征文|vue组件之间的传值
父传子子传父非父子传值注意:父子组件的关系可以总结为 prop 向下传递,事件向上传递。父组件通过 prop 给子组件下发数据,子组件通过事件给父组件发送消息。目录前言1.父组件向子组件进行传值2.子组件向父组件进行传值父组件代码子组件代码3.非父子组件之间的传值编辑父组件代码子组件代码总结主要用到了父子组件的传值,props,$emit,ref,sync等方法,父子组件之间的传值,十分常见,只要我们用会了组件之间的传数据的方法,对于前端的组件抽离,性能提升都有很大的好处。原创 2022-09-01 21:49:01 · 1452 阅读 · 73 评论 -
vue3系列学习并实战之基础(一)
本文是基础教程,后续会推出响应式基础,计算属性,类和样式绑定等基础知识,本人k,谢谢各位看官支持,一起继续努力加油吧原创 2022-08-31 22:59:40 · 364 阅读 · 6 评论 -
vue2和vue3的区别(由浅入深)
Vue2使⽤的是选项类型API(Options API),Vue3使⽤的是合成型API(Composition API)Vue3:数据和⽅法都定义在setup中,并统⼀进⾏return{}vue2和vue3比较还是有很多不一样的地方,比如setup语法糖的形式最为便捷而且更符合开发者习惯,未来vue3将会大面积使用这种规则,这样更加符合开发习惯和降低后续维护的成本,还有目前Vue3已经成为了Vue的默认版本,后续维护应该也会以Vue3为主。希望各位同学赶紧学起来吧~......原创 2022-08-27 18:30:15 · 53147 阅读 · 10 评论 -
使用vue2开发之进阶篇(组件系统,渲染机制,插槽,响应式原理)
那这样的话,在修改对应的属性的时候,就能够去触发这个setter,这样就可以知道哪个属性改变了。就是在渲染视图的时候,要将这个观察者(watcher)和具体的属性结合起来,然后通过发布订阅的模式,这样数据的改变就能够更加精准的去更新到视图上。到目前为止,关于动态组件你需要了解的大概就这些了,如果你阅读完本页内容并掌握了它的内容,我们会推荐你再回来把。取而代之的是,一个组件的 data 选项必须是一个函数,因此每个实例可以维护一份被返回对象的独立的拷贝。作用域:父级模板里的所有内容都是在父级作用域中编译的;.原创 2022-08-26 23:09:45 · 706 阅读 · 2 评论 -
使用vue2开发之基础篇(使用,指令,生命周期,事件处理)
vue基础篇原创 2022-08-17 11:25:05 · 364 阅读 · 3 评论