樊小二的博客

vue-cli3、swiper、swiper.animate配合使用1.swiper安装使用1.1下载swiper1.2引入、使用swiper1.2.1全局引入1.2.2组件中引入2.使用swiper.animate实现轮播切换后执行动画3.vue-awesome-swiper安装使用4.vue-awesome-swiper中使用animate 1.swiper安装使用 1.1下载swiper cnpm install swiper --save-dev 1.2引入、使用swiper 引入可以在main.j

vue项目图片资源展示问题1、图片资源在src目录下2、图片资源在src同级目录下 1、图片资源在src目录下 当图片资源在src目录下面时，页面图片的路劲要使用变量的话需要使用require，如 <img :src="require('../../static/test.png')"> <img :src="require('@/static/test.png')"> 注意require中不能用变量，因为require是webpack的方法，项目在打包走require时项目还没有

vue前端书写规范 1.组件名为多个单词 组件名应该始终是多个单词的，根组件 App 除外。 这样做可以避免跟现有的以及未来的 HTML 元素相冲突，因为所有的 HTML 元素名称都是单个单词的。 如： Vue.component('todo-item', { // ... }) --------------------------------------------- export de...

直接上代码 1.router/index.js import Vue from 'vue' import Router from 'vue-router' import index from '@/components/index' import header from '@/components/header' import shouye from '@/components/shouye' i...

代码： &lt;router-link to="/shouye"&gt;&lt;li :class="{leftLi:true,active:$route.path=='/shouye'}"&gt;首页&lt;/li&gt;&lt;/router-link&gt; &lt;router-link to="/shouye/bangdan"&gt;&lt;li

一、父组件向子组件传递数据 在 Vue 中，可以使用props向子组件传递数据。 二、子组件向父组件传递数据 子组件主要通过事件传递数据给父组件 三、子组件向子组件传递数据 Vue 没有直接子对子传参的方法，建议将需要传递数据的子组件，都合并为一个组件。如果一定需要子对子传参，可以先从传到父组件，再传到子组件。 四、通过路由带参数传值 ① A组件通过query把id传给B组件 this.$rout...