![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
这瓜保熟么
平常心
展开
-
36:vue-router的使用
1:引入vue-router.js安装#直接下载 / CDNhttps://unpkg.com/vue-router/dist/vue-router.js注意js的引入顺序:在 Vue 后面加载 vue-router,它会自动安装的: <script src="./lib/vue.min.js"></script> <script src=...原创 2019-01-09 22:44:52 · 159 阅读 · 0 评论 -
28.Vue创建全局组件的方式2
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><met原创 2018-12-01 18:47:37 · 86 阅读 · 0 评论 -
27.Vue创建全局组件的方式1
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><met原创 2018-12-01 18:47:06 · 131 阅读 · 0 评论 -
Vue中slot的使用(通俗易懂)
个人理解:是对组件的扩展,通过slot插槽向组件内部指定位置传递内容,通过slot可以父子传参;开发背景(slot出现时为了解决什么问题):正常情况下,<Child><span style=”color:red;”>hello world</span></Child>在组件标签Child中的span标签会被组件模板template内容替换掉...转载 2018-11-30 19:09:09 · 587 阅读 · 0 评论 -
26.vue-resource.html
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><met原创 2018-11-24 15:36:59 · 149 阅读 · 0 评论 -
25.Vue的生命周期.html
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><met原创 2018-11-24 15:36:46 · 105 阅读 · 0 评论 -
24.简写自定义指令函数.html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-11-24 15:36:36 · 466 阅读 · 0 评论 -
23.自定义私有指令.html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-11-24 15:36:24 · 236 阅读 · 0 评论 -
22.钩子函数.html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-11-24 15:36:06 · 726 阅读 · 0 评论 -
29.Vue创建全局组件的方式3
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><met原创 2018-12-01 18:48:25 · 134 阅读 · 0 评论 -
30.Vue创建全局组件的方式4注意事项
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><met原创 2018-12-01 18:48:51 · 143 阅读 · 0 评论 -
38.v-redirect
如果定义前端路由后,是什么都不设置 此时显示的是根路径:然而我们想要实现 当根路径 即首页时,默认显示登录组件模块,方式1:在routes中加入根路径的path监听://根路径监听 让其默认显示登录组件{path: '/',component: login}<!DOCTYPE html><html lang="en"><head> ...原创 2019-01-10 23:02:55 · 112 阅读 · 0 评论 -
37.router-link
简化了用href前面加#的繁琐写法 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=原创 2019-01-10 22:40:09 · 80 阅读 · 0 评论 -
35.Vue的component2
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><met原创 2018-12-02 18:53:08 · 240 阅读 · 0 评论 -
34.Vue的component1
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><met原创 2018-12-01 22:04:45 · 195 阅读 · 0 评论 -
vue中prop传值时加不加v-bind(冒号:)
用法:动态地绑定一个或多个特性,或一个组件 prop(属性) 到表达式。在绑定 class 或 style 特性时,支持其它类型的值,如数组或对象。在绑定 prop 时,prop 必须在子组件中声明。可以用修饰符指定不同的绑定类型。由于结果记起来很容易,所以先给出结果:只有传递字符串常量时,不采用v-bind形式,其余情况均采用v-bind形式传递。传入String类型传入...转载 2018-12-01 20:51:32 · 2509 阅读 · 0 评论 -
33.Vue组件中的data数据属性
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><met原创 2018-12-01 18:50:15 · 2047 阅读 · 0 评论 -
32.Vue自定义私有组件
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><met原创 2018-12-01 18:49:49 · 708 阅读 · 0 评论 -
31.Vue创建全局组件的方式5
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><met原创 2018-12-01 18:49:19 · 118 阅读 · 0 评论 -
21.自定义全局指令让文本框获取焦点.html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-11-24 15:35:56 · 252 阅读 · 0 评论 -
20.自定义某个按键的事件.html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-11-19 14:21:51 · 252 阅读 · 0 评论 -
19.键值keyup.某一个键盘键的使用.html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-11-19 14:21:43 · 1329 阅读 · 0 评论 -
08.vue中的style.html
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><met原创 2018-11-18 21:06:33 · 111 阅读 · 0 评论 -
07.vue中样式class.html
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><met原创 2018-11-18 21:06:01 · 113 阅读 · 0 评论 -
06.简易的计算器.html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-11-18 21:05:29 · 473 阅读 · 1 评论 -
05.v-mode指令的学习l.html
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><met原创 2018-11-18 21:05:01 · 205 阅读 · 0 评论 -
04.事件修饰符.html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-11-18 21:04:25 · 350 阅读 · 0 评论 -
03.跑马灯效果.html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-11-18 21:03:50 · 441 阅读 · 0 评论 -
02.v-cloak.html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-11-18 21:03:08 · 179 阅读 · 0 评论 -
01.Vue的基本代码.html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-11-18 21:02:28 · 153 阅读 · 0 评论 -
09.v-for循环普通数组.html
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><met原创 2018-11-18 21:07:02 · 289 阅读 · 0 评论 -
10.v-for循环对象数组.html
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><met原创 2018-11-18 21:07:33 · 479 阅读 · 0 评论 -
18.私有过滤器.html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-11-19 14:21:34 · 148 阅读 · 0 评论 -
17.自定义时间格式全局过滤器.html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-11-19 14:21:26 · 421 阅读 · 1 评论 -
16.全局过滤器的基本使用.html
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><met原创 2018-11-19 14:21:17 · 303 阅读 · 0 评论 -
15.品牌列表案例.html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-11-19 14:21:10 · 375 阅读 · 0 评论 -
14.v-if和v-show的使用.html
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><met原创 2018-11-19 14:20:59 · 139 阅读 · 0 评论 -
13.for循环中key属性的使用.html
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><met原创 2018-11-19 14:20:49 · 1262 阅读 · 1 评论 -
12.v-for迭代数字.html
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><met原创 2018-11-19 14:20:40 · 163 阅读 · 0 评论 -
11.v-for循环对象.html
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><met原创 2018-11-19 14:20:29 · 156 阅读 · 0 评论