Vue
白竹
这个作者很懒,什么都没留下…
展开
-
Vue-滑动轮播
过程1.项目结构2.设计组件2.1 swiper设计2.2 swiper-item设计3.设计样式3.1 App.vue3.2 swiper3.3 swiper-item4.设计响应事件(较困难涉及js知识)4.1 App4.2 swiper4.3 swiper-item5.运行效果查看完整代码直接跳到结尾git链接????。1.项目结构2.设计组件2.1 swiper设计<template> <!--id,class用来设计样式;因为我不是很熟悉,所以不做说明。--&原创 2020-09-11 15:53:03 · 821 阅读 · 0 评论 -
Vue的插槽
v-slot使用cli4.x注意cli4.x<template> <div id="home"> <NavBar> <template v-slot:middle><!-- 不能加空格,否则不报错也找不到插槽 --> <div>ddd</div> </template> </NavBar> </div></temp原创 2020-09-02 13:41:35 · 137 阅读 · 0 评论 -
子组件替代父组件
文章目录探究实战结果结论参考探究这就能够解释为什么main.js中导入后index.html中的div消失了。子组件代替父组件就是在父组件中添加template之后会出现的现象。为了一探究竟,我自己创建父子组件:实战// 导入vue.js文件<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compat原创 2020-08-28 15:36:43 · 247 阅读 · 0 评论 -
Vuex 数据增加
参考文章:点击事件获取。这里没有用父子组件就是了,没那么复杂。点击获取输入,增加原创 2020-08-28 10:57:27 · 1110 阅读 · 0 评论 -
Vue 消息传递
获取父组件数据,在子组件中修改,再传到父组件中。Vue点击子组件进行+1操作。<!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,initia原创 2020-08-19 16:57:37 · 562 阅读 · 0 评论