vue prop不同数据类型(数组，对象..)设置默认值
vue prop 会接收不同的数据类型，这里列出了 常用的数据类型的设置默认值的写法,其中包含： Number, String, Boolean, Array, Function, Object refAge: {type: Number,default: 0}, refName: {type: Strin
vue中避免 v-if 和 v-for 用在一起
永远不要把 v-if 和 v-for 同时用在同一个元素上。一般我们在两种常见的情况下会倾向于这样做： 为了过滤一个列表中的项目 (比如 v-for="user in users" v-if="user.isActive")。在这种情形下，请将 users 替换为一个计
Webpack 的 require 动态变量
2017年11月09日 17:55:38 阅读数 4726 版权声明：本文为博主原创文章，未经博主允许不得转载。 1、问题描述：完全使用变量let test = './less/Test.css'require(test);//报错 Uncaught Error: Cannot find mod
Nuxt.js提取css样式到css文件
官方文档：https://zh.nuxtjs.org/api/configuration-build/#optimizecss 先看下未提取的css的部分源码实现将页面中css 提取到 link的方法比较简单：在nuxt.config.js下的build里添加 extractCSS: { allChunks: true }
use mockjs in nuxt project
1.change nuxt.config.js file，add an subitem under plugin{ src: '~plugins/mockjs', ssr: true }2.create mockjs.js under plugin folder. the content is：var Mock = require('mockjs')Mock.mock(
resolve或reject之后还需要return吗？
问：假设我有如下的代码function divide(numerator, denominator) { return new Promise((resolve, reject) => { if(denominator === 0){ reject("Cannot divide by 0"); return; //superfluous? } resolve(num
Nuxt在axios等独立插件中使用路由
因为需要在请求token过期之后提示用户重新登录并且返回登录页面,但是在axios的配置文件中使用router.push一直报错,都准备放弃使用公众组件去进行路由跳转了,但是天无绝人之路,最终在官方文档中找到了redirect,具体操
Nuxt.js将页面中css样式提取到一个css文件中
看下未提取的css的部分源码实现将页面中css 提取到 link的方法比较简单：在nuxt.config.js下的build里添加 extractCSS: { allChunks: true }即可。build: { extractCSS: { allChunks: true },}注意：npm run dev 启动
axios的封装2
在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御cSRF等。所以我们的尤大大
nuxt.js在vue组件中使用window对象编译报错的解决方法
最近在忙着写自己的个人网站，因为不想做同时兼容PC端和移动端的UI，所以想做两套，一个采用elementUI做移动端UI，一个用bootstrapvue做PC端UI，所以需要在首页判断是否是手机环境，但是我在vue组件中使用是编译却不能通过，最终查
Nuxt中引入插件window报错解决方法
有浏览器端执行的的插件，需要在配置文件里配置在Nuxt项目中引入插件时，会遇到window is not defined，原因是在服务端渲染时找不到window。所以Nuxt里有一套自己的办法引入插件。 在plugins文件夹中定义对应插件，比如cooki
js中bool值的转换及“&&”、“||”、 “!!”详解
前言首先需要知道的是，js中有6个值为false，分别是: 0, '', null, undefined, NaN 和 false, 其他(包括{}, [], Infinity)为true.可以使用Boolean()函数或是两次取非就能获得对象的布尔值，例如Boolean(undefined)
flex-grow、flex-shrink、flex-basis详解
flex-grow、flex-shrink、flex-basis三个属性的作用： 在flex布局中，父元素在不同宽度下，子元素是如何分配父元素空间的。 (注意：这三个属性都是在子元素上设置的，下面小编要讲的是父元素，指以flex布局的元素(display:flex
nuxt按需引入 element-UI、自定义主题色（终极按需引入）
首先你要知道 nuxt.js怎么引入第三方插件 ； 一、按需引入element-UI第一步：安装 babel-plugin-component：npm install babel-plugin-component -D第二步：修改plugins/element.js文件（plugins/element.js不知道怎么来的？出门
vuex系列教程(Vuex 提升)
上一篇我们讲了如何通过一些简单的动作来改变 store.js 中的数据对象，在实际工作中，这是完全无法满足工作需求的，所以这篇我们来说说如何做一些简单的流程判断。 自制vuex LOGO 一、比如说我现在有这么个需求，当 count <
vuex 系列教程（入门）
Vuex 是什么？官方给出的解释：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 自制vuex LOGO相信很多新选手看完
js context 上下文
有时候是这样的，译者在翻译书的的时候不知道拿什么来对应相应的英文，就根据自己的感觉，好像大概是这个意思来强加给广大读者，让很多人不知所以然。@原磨豆浆 的大意是对的，上下文的原意是 context, 作用域的原意是scope,
Flex 布局语法教程
网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案—-F
axios如何全局注册
最近用 Vue 写项目的时候，用到 axios ，因为 axios 不能用 Vue.use() ，所以在每个 .vue 文件中使用 axios 时就需要 import ， .vue 文件少的话还好说，多的话未免有点麻烦。后来想了想，能不能直接把 axios 加到 Vue 的原型中，
关于Vue.use()详解
问题相信很多人在用Vue使用别人的组件时，会用到 Vue.use() 。例如：Vue.use(VueRouter)、Vue.use(MintUI)。但是用 axios时，就不需要用 Vue.use(axios)，就能直接使用。那这是为什么呐？答案因为 axios 没有 install。 什么意
vue项目搭建 （二） axios 封装篇
项目布局vue-cli构建初始项目后，在src中进行增删修改// 此处是模仿github上 bailicangdu 的├── src | ├── apis | | ├── api.js
vue项目搭建 （一）
vue项目搭建 （一）由于一直想要有自己的框架，因而一直在尝试搭建各类结构，结合vue官网及git上大神bailicangdu的项目，再看看网上一些意见，及个人思考，总结的一些，不到之处希望大家可以帮我指证，必定虚心接受技术栈： vue2+vue-rou
彻底明白VUE修饰符sync
对于VUE的初学者来讲，肯定会感觉prop的写法很麻烦，很讨厌！你肯定想如果prop也可以实现双向绑定那怎是一个爽字了得！不过现实是残酷的，如果子组件可以任意修改父组件的内容，那势必会带来数据的混乱，从而造成维护的困扰！毕竟父
深入理解vue 修饰符sync【 vue sync修饰符示例】
在说vue 修饰符sync前，我们先看下官方文档：vue .sync 修饰符，里面说vue .sync 修饰符以前存在于vue1.0版本里，但是在在 2.0 中移除了 .sync 。但是在 2.0 发布之后的实际应用中，我们发现 .sync 还是有其适用之处，比如在开发
vue+mockjs 实现前后端分离开发
在项目中尝试了mockjs，mock数据，实现前后端分离开发。关于mockjs，官网描述的是1.前后端分离2.不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据。3.数据类型丰富4.通过随机数据，模拟各种场景。等等优点。总结起