VUE
是欢欢啊
如果词不达意,那就把爱意藏在心底
展开
-
前端模拟数据分页效果
父组件index.vue<template> <div class="main"> <el-table :data="newTableData" style="width: 100%"> <el-table-column prop="date" label="日期" width="180"> </el-table-column> <el-table-column prop="name" label.原创 2022-05-31 17:38:35 · 470 阅读 · 0 评论 -
vue踩坑总结 & 优化点
最近连着做了好几个vue项目,从0到版本迭代,vue教程算是好理解,把vue官方文档看一遍下来,基本上不会有什么大问题(嗯如果你看的够仔细够透彻的话),此篇是记录vue踩过的坑以及可以优化的地方。1.踩坑1.1.深拷贝/浅拷贝这实际上算不上vue的问题,算是js基础没打好的坑吧。先来看一个简单的例子:let obj = {name:'fiona-SUN'};let copyObj = obj;copyObj.name = 'fiona';console.log(cop.转载 2021-06-30 17:47:55 · 2087 阅读 · 1 评论 -
五分钟搞懂Vuex
这段时间一直在用vue写项目,vuex在项目中也会依葫芦画瓢使用,但是总有一种朦朦胧胧的感觉。于是决定彻底搞懂它。看了一下午的官方文档,以及资料,才发现vuex so easy!作为一个圈子中的人,决定输出一下文档,如果你仔细看完这篇文章,保证你对vuex熟练掌握。先说一下vuex到底是什么?vuex 是一个专门为vue.js应用程序开发的状态管理模式。这个状态我们可以理解为在data中的属性,需要共享给其他组件使用的部分。也就是说,是我们需要共享的data,使用vuex进行统一集中式的管理原创 2021-06-10 17:36:15 · 97 阅读 · 0 评论 -
vue购物车及计算属性computed的基本使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="原创 2021-05-24 10:28:40 · 1680 阅读 · 3 评论 -
vue文字走马灯
<template> <div> <div class="text">{{msg}}</div> <input type="button" id="start" value="开始" @click="start"> <input type="button" id="end" value="结束" @click="end"> </div></templat原创 2021-05-04 14:34:34 · 679 阅读 · 0 评论 -
简单的表单验证
<template> <div> <div class="form"> <form action="" method="get"> <div>旧密码:<input type="password" v-model="oldPwd" @input="oldpwd" maxlength="6"></div> <div&原创 2021-04-19 17:48:52 · 64 阅读 · 0 评论 -
vue中判断电话号码的正则及验证
<template> <div> <h1>{{msg}}</h1> <form action="" method="get" class="form"> <div class="input"> <input type="text" v-model="number" @input="isPhone()" maxlength="11" au原创 2021-04-15 13:41:54 · 4895 阅读 · 0 评论