- 博客(5)
- 收藏
- 关注
RSS订阅原创 学习vue的第5天，v-for，v-model的原理以及用法等
购物车，循环遍历，v-for的 购物车价格的小数点 方法是vue自带的过滤器，filters 管道符号 | vue允许自定义过滤器， filters：{ showPrice(传价格){ let pricestr = price.toFixed(2) return `￥${pricestr}` } } 可以进行文本格式化 v-for 原理 <li v-for="item in name"></li> <li v-
2022-05-26 10:01:46
426
2
原创 学习vue的第4天，v-on，v-if，v-else，v-show等
v-on的基本使用 v-on的参数传递，v-on的修饰词 v-on扩展 条件判断（v-if，v-else，v-else-if）v-if发demo理解，v-show以及v-show v-on的基本使用 做一个点击加减的小案例 v-on参数的传递 @click=“btn( xxx )” 这里的xxx是实参 1，如果需要传参，在页面中传的是实参，在methods中写的是形参 2.如果在页面中没有写实参，但是留有括号，在methods写了形参，会打印undefined 3.如果在页面中没有写实参，也没
2022-05-25 10:07:22
108
原创 学习vue的第3天，计算属性和侦听器
第三天学习了vue的计算属性和侦听器 vue对象里面除了data和methods，还有computed（计算属性）和watch（监听器） 计算属性在页面上渲染时不需要加括号 <h2>{{allName}}</h2> //计算属性在页面上渲染时不需要加括号 计算属性可以用来计算，，包括函数，字符串拼接等等 计算属性是有缓存的，方法是没有缓存的 1.计算属性是一个属性，必须要有返回值，methods不一定 2.计算属性在页面上渲染时，不需要加括号，methods必须要加
2022-05-24 08:59:06
129
原创 学习vue的第二天 v-bind的进阶用法
今天学习了vue中的v-bind进阶用法 v-bind:style v-bind:key v-bind:class 代码展示的是通过 :class给标签动态加入或删除class名 接着是给按钮添加取反方法和封装一个函数对象 按钮修改上方span标签的颜色，黑黄切换 v-bind 和 v-for结合可以做很多实质性的功能，比如tab切换， 下方是实现从citys中遍历对象到页面中，之后用@click给点中的元素添加样式来实现变色 指令的值不仅可以直接写数据，比如：<h3 :style=
2022-05-19 17:41:55
238
原创 vue的起步阶段学习
vue是学完js基础后的一个实用性框架 相比其他框架，vue是构建网页的渐进式框架。 和其他的一些框架工具，比如jquery，bootstrap一样，都是通过script标签中的src属性引入的
2022-05-18 19:18:50
252
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人