
Vue
文章平均质量分 79
Vue学习笔记
小小程序员.¥
努力学习,乐观生活,做更好的自己。
展开
-
vue的简单购物车案例
{{ totalPrice }}</span><button @click="del(item.id)">删除</button>原创 2023-12-14 00:54:33 · 858 阅读 · 0 评论 -
Vue的监听属性
<i>⌨️</i>文档翻译原创 2023-12-13 22:45:54 · 1065 阅读 · 0 评论 -
VUE的计算属性
礼物总数:{{ totalCount }} 个{{ item.num }}个名字原创 2023-11-27 14:58:07 · 577 阅读 · 0 评论 -
Watch监听器和防抖功能
英语</option><option value="italy">意大利</option><option value="german">德语<i>⌨️</i>文档翻译原创 2023-11-27 15:02:35 · 597 阅读 · 0 评论 -
记事本的添加删除和统计案例
{{ list.length}}添加任务记事本原创 2023-11-02 17:08:21 · 150 阅读 · 0 评论 -
动态显示图片案例
0" @click="num--">上一张动态显示图片原创 2023-11-02 17:05:39 · 122 阅读 · 0 评论 -
循环数据中的数组并删除数组中的一项
/ filter:根据条件,保留满足条件的对应项,得到一个新数组,但不会改变原数组,原数组没改变,视图不会更新页面不会变化,要赋值回去。-- 这是错的,因为是item数组中的每一项,而我们要的只是书本名字 -->{id:1,name:'三国演义',author:'三'},{id:2,name:'水浒传',author:'水'},{id:3,name:'红楼梦',author:'红'},{id:4,name:'西游记',author:'西'},-- 删除时有id优先用id,没id用索引 -->原创 2023-11-02 17:04:55 · 219 阅读 · 0 评论 -
获取表单数据案例
input type="radio" v-model="gender" value="1" name="xingbie">男。<input type="radio" v-model="gender" value="2" name="xingbie">女。2.select的value值,关联了选中的option的value值。姓名:<input type='text' v-model="username">2.value:给单选框加上 value属性,用于提交给后台的数据。<h1>学习网</h1>原创 2023-11-02 17:03:52 · 179 阅读 · 1 评论 -
Vue基础与指令
</div>// 6.动态设置html的标签属性:v-bind:属性名='表达式' 可以简写为 :属性名='表达式'// <div :class='{类名1:布尔值,类名2:布尔值}'></div>// <div :class='[类名1,类名2,类名3]'>原创 2023-11-02 17:00:43 · 95 阅读 · 0 评论