Vue
关注
分享
扫一扫
彭于晏爱编程
一位爱编程的少年
展开
-
40.vue中的路由
vue中的路由使用原创 2022-12-26 14:19:32 · 264 阅读 · 1 评论 -
39.求和案例
vue中的vuex原创 2022-12-09 15:23:32 · 214 阅读 · 0 评论 -
38.插槽
vue中的插槽原创 2022-12-08 10:48:36 · 229 阅读 · 0 评论 -
37.配置代理服务器
通过axios配置代理服务器原创 2022-11-29 10:46:21 · 165 阅读 · 0 评论 -
36.TodoList动画
TodoList动画原创 2022-11-29 10:18:09 · 84 阅读 · 0 评论 -
35.过渡与动画
vue中的过渡与动画原创 2022-11-29 10:11:34 · 64 阅读 · 0 评论 -
34.TodoList_nextTick
TodoList_nextTick原创 2022-11-28 11:16:58 · 109 阅读 · 0 评论 -
33.TodoList_pubsub消息订阅与发布案例
TodoList_pubsub消息订阅与发布案例原创 2022-11-28 11:04:09 · 92 阅读 · 0 评论 -
32.消息订阅与发布
vue的消息订阅与发布原创 2022-11-28 10:57:47 · 74 阅读 · 0 评论 -
31.TodoList全局事件总线
TodoList全局事件总线案例原创 2022-11-28 10:47:40 · 101 阅读 · 0 评论 -
30.全局事件总线
vue中的全局事件总线原创 2022-11-25 14:04:01 · 75 阅读 · 0 评论 -
29.自定义事件
vue自定义事件案例原创 2022-11-25 11:34:57 · 88 阅读 · 0 评论 -
28.组件自定义事件
vue的组件自定义事件原创 2022-11-16 09:43:28 · 65 阅读 · 0 评论 -
27.TodoList_本地存储
TodoList案例_本地存储原创 2022-11-15 10:51:26 · 75 阅读 · 0 评论 -
26.浏览器本地存储
vue的localStorage本地存储与sessionStorage会话存储原创 2022-11-15 10:31:16 · 98 阅读 · 0 评论 -
25.TodoList案例
vue案例原创 2022-11-09 15:30:09 · 95 阅读 · 0 评论 -
24.scoped样式
vue中的scoped样式,加了scoped的style样式主要是用于当前页面原创 2022-11-09 14:59:45 · 97 阅读 · 0 评论 -
23.插件
vue中的插件原创 2022-11-07 16:17:12 · 74 阅读 · 0 评论 -
23.mixin混合
vue中的混合,可以用于多个组件原创 2022-11-07 16:12:13 · 75 阅读 · 0 评论 -
22.props配置
vue的props属性,父向子传递数据原创 2022-11-04 15:12:12 · 99 阅读 · 0 评论 -
21.ref属性
vue的ref属性用于打节点标识原创 2022-11-03 11:51:20 · 76 阅读 · 0 评论 -
20.分析脚手架
Vue脚手架原创 2022-11-02 11:15:19 · 83 阅读 · 0 评论 -
19.单文件组件
Vue单文件组件原创 2022-09-27 21:11:05 · 69 阅读 · 0 评论 -
18.非单文件组件
Vue原创 2022-08-11 22:40:49 · 75 阅读 · 0 评论 -
17.生命周期
1.引出生命周期<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>引出生命周期</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></script> </head> <body> &原创 2022-03-19 08:42:26 · 152 阅读 · 0 评论 -
16.自定义指令
1.自定义指令<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>自定义指令</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <body> <!-- 需求1：定义一个v-big原创 2022-03-19 08:27:32 · 188 阅读 · 0 评论 -
15.内置指令
1.v-text指令<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>v-text指令</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></script> </head> <body>原创 2022-03-15 08:48:11 · 147 阅读 · 0 评论 -
14.过滤器
<!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"><原创 2022-03-14 08:54:47 · 156 阅读 · 0 评论 -
13.收集表单数据
<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>收集表单数据</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <body> <!-- 收集表单数据： 若：<in原创 2022-03-11 10:06:43 · 161 阅读 · 0 评论 -
12.列表渲染
1.基本列表<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>基本列表</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <body> <!-- v-for指令:原创 2022-03-08 10:55:24 · 502 阅读 · 0 评论 -
11.条件渲染
<!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-03-07 16:00:34 · 65 阅读 · 0 评论 -
10.绑定样式
<!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-03-04 09:11:44 · 58 阅读 · 0 评论 -
9.监视属性
监视属性1.天气案例<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>天气案例</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></script> </head> <body>原创 2022-03-01 20:10:41 · 62 阅读 · 0 评论 -
8.计算属性
计算属性1.姓名案例_插值语法实现<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>姓名案例_插值语法实现</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></script> </head> &原创 2022-02-28 11:36:00 · 79 阅读 · 0 评论 -
7.事件处理
事件处理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-26 08:52:11 · 76 阅读 · 0 评论 -
6.数据代理
数据代理1.回顾Object.defineproperty方法<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>回顾Object.defineproperty方法</title> </head> <body> <script type="text/javascript" > let number =原创 2022-02-25 09:12:49 · 92 阅读 · 0 评论 -
5.理解MVVM
2.理解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-24 09:41:45 · 78 阅读 · 0 评论 -
4.el与data的两种写法
4.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> <原创 2022-02-23 08:34:17 · 85 阅读 · 0 评论 -
3.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-22 08:30:31 · 74 阅读 · 0 评论 -
Vue模板语法
2.模板语法<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>模板语法</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></script> </head> <body> <!原创 2022-02-19 08:38:03 · 87 阅读 · 0 评论