欢迎光临
我们一直在努力

前端框架VUE

vue 单页面应用 Axios的二次封装

散人研阅读(76)评论(0)赞(0)

Axios的封装 在vue项目中,获取数据时,我们通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中。他有很多优秀的特性,例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。 安装...

mixin基础使用与抽离组件公共逻辑

散人研阅读(78)评论(0)赞(0)

简介 混入(mixins)是一种分发Vue组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。 以上是官网的定义,mixin的作用是多个组件可以共享数据和方法,在...

Vue 动态组件

散人研阅读(87)评论(0)赞(0)

Vue 动态组件 简介 多个组件使用同一挂在点,并可以进行动态切换,这就是动态组件。 基本使用 通过使用保留的 <component> 元素,动态地绑定到它的 is 特性,可以实现动态组件 <div id="ex...

$nextTick 与 Vue DOM异步更新

散人研阅读(84)评论(0)赞(1)

Vue 中的 nextTick 涉及到 Vue 中 DOM 的异步更新。 Vue 实现响应式并不是数据发生变化之后DOM立即变化,而是按照一定的策略进行DOM的更新。 $nextTick 是在下次DOM更新循环结束之后执行延迟回调,在修改数...

vue 单页面应用 公共设施的基础配置

散人研阅读(91)评论(0)赞(0)

我们项目开发中肯定需要对一些公共的方法进行封装使用,这里我把它称之为公共设施,那么我们可以在 src 目录下建一个 common 文件夹来存放其配置文件: └── src └── common ├── index.js # 公共配置入口 ├...

vue 单页面应用 公共接口的基础配置

散人研阅读(108)评论(0)赞(0)

在项目的开发过程中,我们也少不了与后台服务器进行数据的获取和交互,这一般都是通过接口完成的,那么我们如何进行合理的接口配置呢?我们可以在 src 目录下新建 services 文件夹用于存放接口文件: └── src └── service...

vue 单页面应用 vuex的基础配置

散人研阅读(110)评论(0)赞(0)

除了 vue-router,如果你的项目需要用到 Vuex ,那么你应该对它有一定的了解,Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。这里我们先来看一下使用 CLI 生成的配置文件 store.js 中的内容: impo...

vue 单页面应用 路由的基础配置

散人研阅读(118)评论(0)赞(0)

简介 Vue 项目配置主要包管理文件配置/webpack配置/环境配置/路由配置/Vuex配置/借口配置/公共设施配置七个方面,本片文章主要介绍如何在Vue中如何配置router。 基础配置 由于Vue框架由一个或多个单页面构成,在单页面内...

基于 vue-cli3.0 的移动端项目适配

散人研阅读(138)评论(0)赞(1)

基于 vue-cli3 的 vue 移动端样式适配 简介 lib-flexible 为页面自动添加 标签,根据屏幕分辨率大小的不同,调整根元素html的font-size的值从而达到每个元素宽高自适应变化,以适配不同的屏幕。 postcss...