![](https://img-blog.csdnimg.cn/direct/faa48dff3e1040009f10158a3f24655c.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue
文章平均质量分 79
学习掌握vue开发技术,交流分享
码小飞飞飞飞
编程前端入门小白,希望大家多多指教~
展开
-
VUE小结项目实战,实现双色球单式机选
基于vue2.0和elementUI实现的双色球单式选球界面,页面可以进行机选号码、增加投注倍数、增加投注期数、自动计算最终金额等功能。本项目是使用vue从零入门第一至第五节中涉及的知识点实现的,辅助配合了一些css样式。原创 2024-01-07 23:49:30 · 599 阅读 · 3 评论 -
从0开始学习vue第五节,Class与Style绑定
html标签的class和style虽然也是属性,可以使用v-bind进行属性绑定,但是需要进行字符串拼接才可以。当遇到比较复杂的样式或类的组合时,需要拼接很复杂的字符串,容易出错,因此vue为class和style的绑定提供了特殊语法来增强v-bind的功能。针对这两个属性的属性绑定不仅可以传递字符串,还可以传递对象或数组。原创 2023-09-30 23:55:16 · 80 阅读 · 2 评论 -
从0开始学习vue第四节,vue的指令
showMessage">点我显示消息原创 2023-09-30 15:04:14 · 160 阅读 · 1 评论 -
从0开始学习vue第三节,计算属性与侦听器
通过控制台打印可以看出,计算属性fullInfo对应的方法只被调用了一次,而getFullInfo方法则被调用了三次,因此可以证明通过计算属性能够对数据进行缓存,即相同的输入属性值(参与计算属性运算的data中的属性)的计算属性只会被运算一次,以后再次运算的结果会从缓存中直接获取。但在某些场景中,我们希望在创建侦听器时,立即执行一遍回调。计算属性的set方法是在直接修改计算属性本身时才会被调用的,当修改参与计算属性计算的属性时,set方法并不会被调用,通过点击例子中的两个button按钮即可证明。原创 2023-09-25 23:58:52 · 172 阅读 · 1 评论 -
从0开始学习vue第二节,vue的事件处理
在text1上用“1”修饰符,当在text1中按下键子“1”时事件才会被触发。我们可以使用.exact修饰符来控制系统按键修饰符的准确性,如果我们希望仅按下ctrl键的时候触发事件,可以使用.ctrl.exact来修饰事件。vue为内置了一些键的别名,分别为.enter、.tab、.delete、.esc、.space、.up、.down、.left、.right。我们在调用事件时也可以传入参数,参数可以是data中的数据也可以是字面值,当想获取事件对象时需要在调用方法时传入$event对象。原创 2023-09-21 20:58:16 · 120 阅读 · 0 评论 -
从0开始学习vue第一节,vue介绍和数据绑定
两种方式的核心原理其实都是数据代理(将两个不同对象的某个属性做映射,当一个对象的属性变化是可以使另一个对象的属性也变化),即将页面dom元素的输入给通过数据代理的方式绑定到js属性上,当js属性变化时通过代理监听得到变化值,然后将变化的值渲染到页面dom元素里。为了解决表单数据的双向数据绑定问题,即让页面上的修改能映射回属性上,vue为我们提供了新的指令v-model,用法为v-model="要绑定的js属性值"。可以证明,我们的数据不仅从属性传导到了页面,还能通过修改页面上的值将数据传导回属性上。原创 2023-09-16 16:59:17 · 153 阅读 · 0 评论