
vue实战
月小满
始终相信只要自己足够努力,老板就能早一天过上想要的生活!
展开
-
使用vant2问题整理
使用vant2问题整理原创 2022-07-20 14:22:57 · 2334 阅读 · 0 评论 -
当前流行的Vue UI 组件库
当前流行的Vue UI 组件库原创 2022-07-15 08:50:33 · 407 阅读 · 0 评论 -
vue实战案例4-基于组件的购物车案例
<head> <style> #mycart{ width: 600px; margin: 0 auto;} #mycart h2{ text-align: center; height:56px; line-height: 56px; text-align: center; background-color:mediumturquoise;} #mycart .item{display:flex; padding:20px.原创 2021-02-07 20:23:40 · 344 阅读 · 0 评论 -
vue实战案例3-图书管理的应用
<head> <style> h2{ text-align: center;} #mybooks{ width: 600px; margin: 0 auto; text-align: center;} #mybooks div{ padding: 12px 0; background-color: sandybrown;} #mybooks table{ width: 100%; border-right: 1.原创 2021-02-03 15:21:59 · 336 阅读 · 0 评论 -
vue实战案例2-用户名合法性的验证
效果如下:<head></head><body><div id="myvue"> <span>用户名</span> <!--model.lazy在input失去焦点后绑定--> <input type="text" v-model.lazy="username"> <span>{{tip}}</span></div><scrip原创 2021-01-29 20:04:04 · 450 阅读 · 0 评论 -
vue实战案例1-tab选项卡切换的实现
<head> <style> #myvue ul{ margin: 0; padding: 0;} #myvue li{ cursor: pointer; list-style: none; float: left; width:120px; height: 32px; line-height: 32px; border:1px solid #dedede; color:red; text-align:center;} #myv原创 2021-01-29 14:36:21 · 323 阅读 · 0 评论 -
vue实战学习教程4-安装vue错误详情解决办法
安装vue错误详情解决办法添加链接描述转载 2021-01-22 16:06:24 · 149 阅读 · 0 评论 -
vue实战学习教程3-表单输入绑定
给后台传值不用一个个绑定input元素传送,可以一次性搞定<head> <title>form 表单输入与传值</title></head><body> <div id="myvue"> <!--阻止表单传播事件(用@submit.prevent)去执行mysubmit函数--> <form action="1.html" @submit.prevent="mysu原创 2021-01-22 10:40:14 · 193 阅读 · 0 评论 -
vue实战学习教程2-传播行为与事件
点击事件、阻止外部事件,按键触发事件等<head> <style> .bgblue{ background-color:blue; width: 200px; height: 200px} .bgyellow{ background-color:yellow; width: 100px; height: 100px;} </style></head><body> <!--选择本元素原创 2021-01-21 19:56:22 · 159 阅读 · 0 评论 -
vue实战学习教程1-监听、样式绑定、筛选过滤排序
vue中计算、监听、样式绑定、style、筛选、过滤、排序等,归纳总结了一下。<head> <style> .bgblue{ background-color:blue;} .bgyellow{ background-color:yellow;} </style></head><body><div id="myvue"> <ul> <li原创 2021-01-21 15:21:58 · 174 阅读 · 0 评论