vue
vue-cli3.0中使用rem
1.安装lib-flexible插件npmi--save-devlib-flexible2.在main.js里引入import'lib-flexible'3.安装postcss-px2rem插件npmi--save-devpostcss-px2rem4.新建vue.config.js,粘贴下面代码module.expo...
Vue + Webpack 根据不同环境打包
修改prod.env.js //当前正在运行的脚本名称constTARGET=process.env.npm_lifecycle_event//第一个参数letargv=process.argv[2]||''varmerge=require('webpack-merge')varprodEnv={NODE_E...
Vue精简版风格指南
Vue官网的风格指南按照优先级（依次为必要、强烈推荐、推荐、谨慎使用）分类，且代码间隔较大，不易查询。本文按照类型分类，并对部分示例或解释进行缩减，是Vue风格指南的精简版 组件名称【组件名为多个单词】（必要） 组件名应该始终是多个单词的，根组件App除外。这样做可以避免跟现有的以及未来的HTML元素相...
Vue状态管理vuex
由于多个状态分散的跨越在许多组件和交互间各个角落，大型应用复杂度也经常逐渐增长。为了解决这个问题，Vue提供了vuex。本文将详细介绍Vue状态管理vuex 引入 当访问数据对象时，一个Vue实例只是简单的代理访问。所以，如果有一处需要被多个实例间共享的状态，可以简单地通过维护一份数据来实现共享cons...
Vuex的API文档
本文将详细介绍Vuex的API文档 概述importVuexfrom'vuex'conststore=newVuex.Store({...options})【构造器选项】state类型:Object Vuexstore实例的根state对象mutations类型:{[type:string]:Funct...
Vue-router的API详解
本文将详细介绍Vue-router的API router-link <router-link>组件支持用户在具有路由功能的应用中点击导航。通过to属性指定目标地址，默认渲染成带有正确链接的<a>标签，可以通过配置tag属性生成别的标签。另外，当目标路由成功激活时，链接元素自动设置...
Vue路由vue-router
在Web开发中，路由是指根据URL分配到对应的处理程序。对于大多数单页面应用，都推荐使用官方支持的vue-router。Vue-router通过管理URL，实现URL和组件的对应，以及通过URL进行组件之间的切换。本文将详细介绍Vue路由vue-router 安装 在使用vue-router之前，首先需...
Vue命令行工具vue-cli
Vue.js提供一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目 。本文将详细介绍Vue命令行工具vue-cli 概述 Vue-cli是Vue官方提...
Vue单文件组件
本文将详细介绍Vue单文件组件 概述 在很多Vue项目中，使用Vue.component来定义全局组件，紧接着用newVue({el:'#container'})在每个页面内指定一个容器元素。 这种方式在很多中小规模的项目中运作的很好，在这些项目里JavaScript只被用来加强特定的视图。但当在更复...
Vue生产环境部署
开发时，Vue会提供很多警告来帮助解决常见的错误与陷阱。生产时，这些警告语句却没有用，反而会增加载荷量。再次，有些警告检查有小的运行时开销，生产环境模式下是可以避免的。本文将详细介绍Vue生产环境部署 生产环境 如果用Vue完整独立版本(直接用<script>元素引入Vue)，生产时应该用精...
Vue渲染函数
Vue推荐在绝大多数情况下使用template来创建HTML。然而在一些场景中，真的需要JavaScript的完全编程的能力，这就是render函数，它比template更接近编译器。本文将详细介绍Vue渲染函数 引入 下面是一个例子，如果要实现类似下面的效果。其中，H标签可替换<h1>&l...
Vue插件plugins的基本操作
本文将详细介绍Vue插件plugins的基本操作 开发插件 插件通常会为Vue添加全局功能。插件的范围没有限制——一般有下面几种： 1、添加全局方法或者属性，如:vue-custom-element 2、添加全局资源：指令/过滤器/过渡等，如vue-touch 3、通过全局...
Vue混合mixins
本文将详细介绍Vue混合mixins 概述 混合(mixins)是一种分发Vue组件中可复用功能的非常灵活的方式。混合对象可以包含任意组件选项。以组件使用混合对象时，所有混合对象的选项将被混入该组件本身的选项//定义一个混合对象varmyMixin={created:function(){this.he...
Vue过渡状态
Vue的过渡系统提供了非常多简单的方法设置进入、离开和列表的动效。那么对于数据元素本身的动效呢？包括数字和运算、颜色的显示、SVG节点的位置、元素的大小和其他的属性等。所有的原始数字都被事先存储起来，可以直接转换到数字。做到这一步，我们就可以结合Vue的响应式和组件系统，使用第三方库来实现切换元素的过渡状态&nbs...
Vue列表过渡
本文将详细介绍Vue列表过渡 概述 前面分别介绍了单元素CSS过渡和JS过渡，以及多元素过渡。如何同时渲染整个列表呢？在这种情景中，需要使用<transition-group>组件【<transition-group>】 <transition-group>不同于&...
