前言 上一篇我们遇到’少年,是不是忘了npm run mock?’的警告,这一篇我们就来解决这个问题。 开发 一、安装包 安装koa和一系列的包(我们用的是koa v2): koa koa-bod…
标签:vue.js
vue改变数据视图刷新问题
视图不更新有几个原因: 1、根属性不存在,而想要直接给根属性赋值导致的视图不更新。此时初始化属性的时候给根属性初始化一个空值就可以了。 2、只有通过以下几个方法更新数组 push()pop()shift()unshift…
Vue自定义指令
Vue自定义指令 一、Vue自定义指令 本文主要讲述的是Vue自定义指令内容,为后续实现级联组件作铺垫。 ① 指令简介 首先以常用的v-model指令的使用为例: <input type="text" v-mode…
vue-cli webpack设置剖析
置信vue运用者对vue-cli都不会生疏,以至能够说,很熟悉了,但对其webpack的设置能够知之甚少吧。 过完年返来后,我接办了公司的新项目。新项目是一个spa。很天然,我就想到了vue-cli脚手架了,当时研讨一下…
Vue开发手机端页面
我的github记录册(PS:希望star): https://github.com/tonyzheng1… 适配终端: 讲解: http://www.w3cplus.com/mobile… 源码…
关于Vue中Swiper图片加载问题
有时我们在vue组件中使用swiper,而swiper中的图片是ajax获取的,会导致轮播图中只有第一张具有轮播图效果,这是因为ajax获取数据是异步的,所以new swiper()会先执行,等到ajax数据获取之后,d…
Vue源码解读前必须要知道的Vue构建流程
了解Vue的构建,可以从package.json文件开始sprits命令内关于构建的命令如下 { ... "build": "node scripts/build.js”, // web版本 // sever "buil…
多个请求下 loading 的展示与关闭
更多文章 一般情况下,在 vue 中结合 axios 的拦截器控制 loading 展示和关闭,是这样的:在 App.vue 配置一个全局 loading。 <div class="app"> <kee…
Vue整理02---条件渲染与列表渲染
1.简单的v-if v-else使用 <div id="app"> <!-- 1.if else简单使用 --> <p v-if="show">true的时候显示</p> …
The State of Vue(自译)
The State of Vue(自译) 2.0 is now in RC! We announced Vue 2.0 back in April,and today I am very excited to relea…
vue中关于修改数据表格数据也随之变化
一般出现这种问题是因为vue在利用=赋值时,是一种浅拷贝的方式,它是将等号右边的数据的引用给了等号左边的变量,这也导致了改变等号左边的数据时右边数据也发送变化,从而影响页面数据。 最简单有效的方式就是进行深拷贝,它会在堆…
element-ui上传下载excel(超细致der)
1. 上传 EXCEL Upload组件 点击跳转到该组件官方文档 用到的upload组件参数 参数 申明 范例 可选 默许值 action 必选参数,上传的地点 string — — file-…