![](https://img-blog.csdnimg.cn/c94ff277ab9c4791a6939d7145803e34.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
来学Vue小笔记
博主自己学Vue看到的好东西所作的记录,涵盖vue2-3版本,可直接复制进自己开发工具进行测试运行,加深理解!
挣钱花388
Spring+Alibaba全家桶 vue C# SOE ArcGIS WebGIS openlayer cesium ArcEngine 微信小程序 Uniapp Java
展开
-
vue前端+element ui验证邮箱以及手机号码的正则表达式
vue前端+element ui验证邮箱以及手机号码的正则表达式原创 2022-06-21 15:55:47 · 1319 阅读 · 0 评论 -
轮播插件swiper遇到的问呢
*swiper/css/swiper.css in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babe原创 2021-03-11 22:15:12 · 3680 阅读 · 1 评论 -
vue中设置背景透明度 但是文字不透明
早期基本上设置 opacity:0.7;background-color:#55585a 黑色背景透明,但是文字也跟着颜色淡了背景透明,文字不透明就是background-color:#55585a +7a即background-color:#55585a+7a原创 2021-03-11 22:48:34 · 5711 阅读 · 2 评论 -
vue+element的笔记
纯粹自学做的笔记:原创 2021-03-17 11:32:14 · 759 阅读 · 0 评论 -
VSCode中tab自动补全html代码设置
原创 2020-04-14 14:33:50 · 2786 阅读 · 1 评论 -
Vue全家桶笔记
纯粹自学做的笔记:原创 2021-03-20 08:46:13 · 179 阅读 · 0 评论 -
18 Vue单文件组件
(1)App.vue<template> <div> <School></School> <Student></Student> </div></template><script> //引入组件 import School from './School.vue' import Student from './Student.vue' export default ..原创 2022-02-12 10:03:42 · 58 阅读 · 0 评论 -
17 Vue非单文件组件
目录1.基本使用2.几个注意点3.组件的嵌套4.VueComponent5.一个重要的内置关系1.基本使用<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>基本使用</title> <script type="text/javascript" src="../js/vue.js"></script>原创 2022-02-12 09:59:47 · 81 阅读 · 0 评论 -
16 Vue生命周期
目录1 引出生命周期2分析生命周期3总结生命周期1 引出生命周期<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>引出生命周期</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></sc...原创 2022-02-12 09:56:11 · 63 阅读 · 0 评论 -
15 Vue自定义指令
目录1自定义指令2 回顾一个DOM操作1自定义指令<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>自定义指令</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <body>..原创 2022-02-12 09:52:58 · 65 阅读 · 0 评论 -
14 Vue内置指令
目录1.v-text_指令2.v-html_指令3.v-cloak_指令4.v-once_指令5.v-pre_指令1.v-text_指令<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>v-text指令</title> <!-- 引入Vue --> <script type="text/java原创 2022-02-12 09:50:33 · 59 阅读 · 0 评论 -
13 Vue过滤器
<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>过滤器</title> <script type="text/javascript" src="../js/vue.js"></script> <script type="text/javascript" src="../js/dayjs.min.js">&l.原创 2022-02-12 09:46:50 · 54 阅读 · 0 评论 -
12 Vue收集表单数据
<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>收集表单数据</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <body> <!-- 收集表单数据: 若:<i.原创 2022-02-12 09:45:22 · 48 阅读 · 0 评论 -
12 Vue列表渲染
目录1.基本列表2.key的原理3.列表过滤4.列表排序5.更新时的一个问题6.Vue监测数据改变的原理_对象7.模拟一个数据监测8.Vue.set的使用9.Vue监测数据改变的原理_数组10.总结Vue数据监测1.基本列表<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>基本列表</title>原创 2022-02-12 09:43:32 · 124 阅读 · 0 评论 -
11 Vue条件渲染
<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>条件渲染</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <body> <!-- 条件渲染: 1.v-if .原创 2022-02-12 09:37:14 · 68 阅读 · 0 评论 -
10 Vue绑定样式
<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>绑定样式</title> <style> .basic{ width: 400px; height: 100px; border: 1px solid black; } .happy{ border: 4px solid red;.原创 2022-02-12 09:34:45 · 55 阅读 · 0 评论 -
09 Vue监视属性
目录1 天气案例2天气案例_监视属性3天气案例_深度监视4天气案例_监视属性_简写5姓名案例_watch实现1 天气案例<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>天气案例</title> <!-- 引入Vue --> <script type="text/javascript" ...原创 2022-02-11 14:28:45 · 95 阅读 · 0 评论 -
08 Vue计算属性
目录1插值语法实现2 methods实现3 计算属性实现14 计算属性实现21插值语法实现<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>姓名案例_插值语法实现</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/v..原创 2022-02-11 14:24:37 · 58 阅读 · 0 评论 -
07 Vue事件处理
1.事件的基本使用<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>事件的基本使用</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></script> </head> <body>原创 2022-02-11 14:21:03 · 63 阅读 · 0 评论 -
06 Vue数据代理
目录1 Object.defineproperty方法2 何为数据代理3Vue中的数据代理1 Object.defineproperty方法<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>Object.defineproperty方法</title> </head> <body> <scri.原创 2022-02-11 14:18:05 · 46 阅读 · 0 评论 -
05 Vue中理解MVVM
<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>理解MVVM</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></script> </head> <body> <!-- .原创 2022-02-11 14:14:36 · 82 阅读 · 0 评论 -
04 Vue el与data的两种写法
<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>el与data的两种写法</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></script> </head> <body> <.原创 2022-02-11 14:11:52 · 48 阅读 · 0 评论 -
03 Vue数据绑定
<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>数据绑定</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></script> </head> <body> <!-- .原创 2022-02-11 14:07:39 · 59 阅读 · 0 评论 -
02 Vue模板语法
<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>模板语法</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></script> </head> <body> <!-- .原创 2022-02-11 14:03:45 · 64 阅读 · 0 评论 -
01 初识Vue
<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>初识Vue</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></script> </head> <body> <!-- .原创 2022-02-11 13:57:55 · 57 阅读 · 0 评论