1、作用：利用Flex可实现完美居中效果；例（1）——display:flex;（注意：无论父元素以何种比例递增，元素依旧保持水平居中）.container{width:200px;height:200px;background: cadetblue;border: 1px solid #ccc;display: flex;

1、order取值：数值功能：（1）容器中有多个项目，      （2）项目的默认摆放时沿主轴（纵向）方向，即按文档中dom元素的书写顺序进行排列的；应用：order属性用于更改在主轴方向上排列顺序。order数值越小，排列越靠前，默认为0，可以为负数。注意：order它与主轴的方向有关系（默认情况为主轴的方向）.container{width:100px;h

新版的flexbox规范分两部分：一部分是container，一部分是 items。flexbox是一整套布局规范，包含了多个css属性，所以学习起来比`float: left;` 这样简单的布局要复杂很多。基本原理容器上有 主轴和纵轴的概念，默认主轴（main-axis）是横向，从左到右，纵轴是竖向，从上到下。其中所有的孩子的布局都会受到这两个轴的

目录UI组件开发框架实用库服务端辅助工具应用实例Demo示例UI组件element ★13489 - 饿了么出品的Vue2的web UI工具套件Vux ★8133 - 基于Vue和WeUI的组件库iview ★6634 - 基于 Vuejs 的开源 UI 组件库mint-ui ★6253 - Vue 2的移动UI元素muse-ui ★3705 - 三端样式一致的响应式 UI 库

vue-cli + webpack 新建项目出错的解决方法今日使用 npm init webpack love 创建一个新项目，然后执行 npm run dev 之后项目报错，提示错误如下：没有给这些选项指定值：config-name, context, entry, module-bind, module-bind-post, module-bind-pre, output-path, outp

vue项目中使用stylus预处理器写css语法，老是出现 Cannot find module ‘stylus’ 的错误，鼓捣了很久，包括webstorm中配置stylus的支持，安装依赖。 终于找到原因： 在webpack 里面用了 stylus-loader，但npm instatll 没有正确安装依赖，才会出现error： Cannot find module ‘stylu

问题汇总Q:安装超时(install timeout)方案有这么些:cnpm : 国内对npm的镜像版本/*cnpm website: https://npm.taobao.org/*/npm install -g cnpm --registry=https://registry.npm.taobao.org// cnpm 的大多命令跟 npm 的是一致的,比如安装,卸载这些yarn...

调整 App.vue 文件我们先把默认项目里面没用的东西先删除掉，把代码调整为下面的样子。<template><div id="app"><router-view></router-view></div></template&

一. 请谈谈Vue中的MVVM模式MVVM全称是Model-View-ViewModelVue是以数据为驱动的，Vue自身将DOM和数据进行绑定，一旦创建绑定，DOM和数据将保持同步，每当数据发生变化，DOM会跟着变化。ViewModel是Vue的核心，它是Vue的一个实例。Vue实例时作用域某个HTML元素上的这个HTML元素可以是body，也可以是某个id所指代的元素。DOMListene..

场景重现：在git上克隆完同事上传的Vue项目，用VS Code运行时报错。VS Code运行栏报错：the "scope" attribute for scoped slots have been deprecated and replaced by "slot-scope" since 2.5.The new "slot-scope" attribute can also be use