随笔分类 -  vue

封装axios的接口请求数据方法
摘要：lib文件夹中http.js文件的内容 包含了数据请求，路由的拦截，同时向外界暴露的是一个方法，方法内有三个参数，分别为请求的方式，地址，数据 数据请求 上面方法可以进行封装 API文件中movie.js文件中的内容为 在请求接口数据的时候的代码为 import {city_api} from "a 阅读全文
posted @ 2019-08-13 22:10 木子世界 阅读(5259) 评论(0) 推荐(0)
better-scroll封装上拉刷新，下拉加载更多功能
摘要：一、better-scroll的初始使用 首先下载 cnpm install better-scroll 在代码中引用 import BScroll from ‘better-scroll’ 接下来便是new let wrapper = document.querySelector('.wrappe 阅读全文
posted @ 2019-08-09 15:18 木子世界 阅读(1991) 评论(0) 推荐(0)
封装js插件（loading）
摘要：在loading文件夹中写两个文件loading.js与loading.vue loading.js loading.vue文件为一个loading的模版，从HTML+CSS+loading插件库中取出来的 同时在HTTP文件中， 阅读全文
posted @ 2019-08-09 10:18 木子世界 阅读(2295) 评论(0) 推荐(0)
商品列表跳转详情页（项目过程思路）
摘要：总体思路：改路由为动态路由，动态的跳转页面；改接口为动态可以取值的接口，取不同数据渲染不同页面。 过程：首先改详情页的路由（goodsInfo下的index.js） 再就是配置，进行跳转不同的路径（因为是点击跳转，所以写一个点击响应事件） 以下为代码 (1)先点击的时候传递商品的id和名称给响应事件 阅读全文
posted @ 2019-08-08 19:16 木子世界 阅读(3838) 评论(0) 推荐(0)
Vue组件封装（以封装一个button组件为例）
摘要：1/在components文件内创建一个button文件，文件内创建一个index.vue文件，在index.vue文件内写的是原型（包含组件的名字，应用的最底层的HTML标签，分别根据什么条件显示什么功能）,同时该文件导出的数据为一个对象。 2/在button文件下建立一个index.js文件，文 阅读全文
posted @ 2019-08-02 21:24 木子世界 阅读(27425) 评论(0) 推荐(2)
组件传值的方式
摘要：父传子： 传递：当子组件在父组件中当做标签使用的时候，给当前子组件绑定一个自定义属性，值为需要传递的数据 接收：在子组件内部通过props属性来进行接收。props接收的方式有2种一种为数组 另一种为对象 1、数组接收：props:[自定义属性] 2、对象接收： props:{ 自定义属性：{ ty 阅读全文
posted @ 2019-08-01 16:49 木子世界 阅读(2421) 评论(0) 推荐(0)