Vue
丘比特灬忧伤
这个作者很懒,什么都没留下…
展开
-
Vue中实滚动加载动画的实现(随手笔记)
Vue中滚动加载动画的实现使用wowjs和animate动画实现1.下载插件wowjsnpm install wowjs --save下载wowjs之后文件夹中会带有animate.css文件,可以不用再下载animate插件2.在main.js文件中引入animate.css文件// 引入animate.cssimport 'wowjs/css/libs/animate.css'3.在组件中的使用(1)组件里面的引用import {WOW} from 'wowjs'(2)wow原创 2020-09-01 09:02:54 · 794 阅读 · 0 评论 -
基于vue移动端开发笔记
基于vue移动端开发笔记1.滚动到某个地方固定到顶端用position: sticky;position: sticky;top: 44px;//固定的位置注意:兼容性不好,如果是移动端的话可以使用,pc端看情况2.滚动使用的插件 better-scroll如果使用原生的滚动会非常卡顿,并不流畅(1)安装npm install better-scroll -S(2)在普通的js文件中的使用better-scroll使用的时候最外层的元素只能包裹一个元素//默认情况下BScroll原创 2020-08-30 11:22:10 · 462 阅读 · 0 评论 -
在vue中使用vue-awesome-swiper遇见的问题随手笔记
在vue中使用vue-awesome-swiper的loop遇见的问题随手笔记一.使用分页器小圆点显示不出来原因:vue-awesome-swiper的版本太高,不兼容更换版本低的vue-awesome-swiper我当时用的是最新版本的,然后更换成npm i vue-awesome-swiper@3分页器正常显示出来二.自动播放和循环播放不管用解决方法:这里的v-if="getHomeMultidata.length>1"中的getHomeMultidata是我轮播图请求回来原创 2020-08-24 09:51:49 · 545 阅读 · 0 评论 -
Vuex的四大金刚
Vuex笔记Vuex的四大金刚1.State2.Mutation3.Action4.Getter原创 2020-08-18 23:00:33 · 237 阅读 · 0 评论 -
Vue中路由传参笔记
Vue中路由传参笔记方案一:paramsrouter中的index.js的路由配置:const routes = [ { path: '/Nav1', name: 'Nav1', component: Nav1, children:[ { path:'Nav1Child2/:userid',//在路径的后面加 /:参数名 参数名自己起 name: 'Nav1Child2', component:Nav1Child2 }, ] }]传原创 2020-08-17 18:57:17 · 147 阅读 · 0 评论 -
在VueCli中使用高德地图
一.在public文件夹下面的index.html文件中引入<script src="https://webapi.amap.com/maps?v=1.4.15&key=自己的key值"></script>注意 这个引用需要放在body标签内部二.配置vue.config.js文件这个文件需要自己配置位置如图module.exports={ configureWebpack:{ externals:{ 'AMap':'AMap' } } }三原创 2020-06-01 09:54:54 · 317 阅读 · 0 评论 -
Vue常用的父子组件之间的传值
Vue常用的父子组件之间的传值1.父组件向子组件传值(通过props)一.props为数组(1) 父组件的代码块template标签中的代码<children :message="message"></children>script中的代码<script> import children from '../components/children.vue' export default{ components:{ children },原创 2020-08-17 17:52:04 · 290 阅读 · 0 评论