async 和 await 封装 axios
1 分钟阅读
es6 的 promise 逐步解决了层层回调的问题，es8 的 async await 让异步变成了同步的写法，在 vue 中，可以通过封装 axios, 使得所有的请求都可以使用同步写法，同时处理错误信息
Element 遮罩层在弹出层的上面
1 分钟阅读
element ui 弹出组件的遮罩层在弹出层的上面 解决办法是在 el-dialog 这一级加上 :append-to-body=”true” 即可，让他 append 到 body； 如下图 导致原因
vue init webpack 报错的原因分析
1 分钟阅读
安装 vue-cli 后， 第一步就是初始化项目，这步的操作正常是没有问题的； 但是如果遇到了问题； 可能是因为下面的原因导致 1、nodejs 的版本太老了； 解决办
Vue JSX 语法
3 分钟阅读
render 函数之 JSX 应用 一。模板缺陷 二。函数式组件 三。JSX 应用 四。render 方法订制组件 五。scope-slot 六。编写可编辑表格 一。模板组件的缺
Vue render 函数之 JSX 应用
1 分钟阅读
render 函数之 JSX 应用 一。模板缺陷 模板的最大特点是扩展难度大，不易扩展。可能会造成逻辑冗余， 比如做一个 H1-H6 的小组件 <Level :type="1&quo
Vue 基于 JSONP 获取手机豆瓣的数据
2 分钟阅读
目标网站：https://m.douban.com/ 希望拿到他的首页推荐数据 下面是基于 VUE2 的获取实现方法；这个篇文章的上一章是搭建豆瓣骨架的；
vue 多级数据的渲染 warning 的解决办法
1 分钟阅读
vue 在取多级数据的时候，会有一个错误， 如果是 这样的值 movie_data.subject_collection.name [Vue warn]: Error in render function: “TypeError: Cannot read property ‘name’ of undefined” 问题描述： 核心
vue-for 中设置元素 style 背景图片
1 分钟阅读
需求：需要动态设置某个 DOM 的背景图片； 使用的 VUE2，在 v-for 的时候，一般都是 <h3>{{item.title}}</h3> 或者直接 : src= :src = item.target.cover_url 这样的写法； 但是遇到一个特殊场景，渲染出 background-image 这样的
Vue.js static 绝对路径配置为相对路径
1 分钟阅读
vue2.x 的 vue cli 基于 webpack 的仓库； 构架压缩文件是通过 npm run build 这样生成的文件，默认是绝对路径的 比如下面 <!doctype html> <html> <head> <meta charset=UTF-8> <meta name=viewport content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"> <meta http-equiv=X-UA-Compatible content="ie=edge"> <title>豆瓣
Vue.js 二次获取数据界面数据不更新
1 分钟阅读
场景： vue2 项目，第一次获取接口 A，返回数据 M； { a:1, b:2, c:3, } 然后根据返回数据 M 再获取【接口 B】，拿到数据 N； { c:300, d:200 } 界面情况：N 数据中 c 可以更新，
Vue.js 初始化和网站骨架搭建
5 分钟阅读
目标网站：https://m.douban.com/ 本篇弄完后的效果如下； Github 地址：https://github.com/zhubangban
Vue.js 前端做数据分页的逻辑
6 分钟阅读
vue 分页时缓存已获取的数据 注意：这是一种前端做分页的行为，一般不会这么干，因为项目特殊，所以这样处理了 走 RPC 接口，区块链的节点程序那里拿数据，节
Vue.js 双向数据绑定
2 分钟阅读
VUE 是 View-Model-viewModel 其中 viewModel 起到粘合剂的作用，连接 view 层和 Model 层； HTML 代码是 view 层的表现；Model 是数据的集合； 可以通过 v-model 在 input 等表单输入标签上，实现数据的双向绑定
Vue.js 图片懒加载
1 分钟阅读
vue 做手机项目的时候，懒加载是非常常用的； 效果是默认不加载图片，先用一个占位符图来代替，等使用图片的时再进行加载（比如滚动到图片的时候），如果
Vue.js 开发时模拟跨域请求
1 分钟阅读
前端开发时，请求后台接口经常需要跨域，vue-cli 实现跨域请求只需要打开 config/index.js，修改如下内容即可。 例如要请求的接口
Vue.js 指令
3 分钟阅读
VUEJS 属于 MVVM 模式，是封一个组件，然后根据场景使用不同的组件； VUE 中分为三个结构； M- model –>数据 V- view ->HTML VM- viewModel ->HTML和数据之间的管道，起
Vue.js 父组件向子组件传递数据通过 props
1 分钟阅读
我的使用场景： 父组件：home.vue 子组件：feed-section.vue 父组件 home.vue 通过请求拿到数据后，传递给子组件 feed-sectio
Vue.js 组件通信
5 分钟阅读
Vue 组件间通信方式 快速原型开发 可以快速识别。vue 文件封装组件插件等功能 npm install @vue/cli -g npm install -g @vue/cli-service-global vue serve App.vue 一 Props 传递数据 和 $emit 触发 components ├── Grandson1.vue // 孙子1 ├── Grandson2.vue //
Vuex 状态对象同步到 VUE 组件内
1 分钟阅读
把 Vuex 内的一个状态对象的属性，简写； 一共两种方式 Vuex 的基础搭建 mapState 辅助 DEMO 如下； 一、Vuex 的基础搭建 1.src 下面创建 store.js，文件内容如下 1 2 3