摘要：
Vue全家桶--11 Webpack和Vue-Loader打包资源 11.1 Webpack介绍 11.1.1 Webpack是什么 Webpack 是一个前端的静态模块资源打包工具，能让浏览器也支持模块化。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 11. 阅读全文
摘要：
Vue全家桶--10 Vue-Router路由 10.1 什么是路由 Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得非常简单。通过根据不同的请求路径，切换显示不同组件进行渲染页面。 10.2 基本路由使用 10.2.1 安装路由 n 阅读全文
摘要：
Vue全家桶--09 生命周期和 Ajax 服务端通信 9.1 Vue实例生命周期 生命周期钩子函数 每个 Vue 实例在被创建时都要经过一系列的初始化过程 生命周期分为三大阶段：初始化显示、更新显示、销毁Vue实例 初始化阶段的钩子函数： beforeCreate() 实例创建前：数据和模板均未获 阅读全文
摘要：
Vue全家桶--08 Vue组件化开发 8.1 组件的概念 组件系统是 Vue 的另一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。仔细想想，几乎任意类型的应用界面都可以抽象为一个组件树： 在 Vue 里，一个组件本质上是一个拥有预定义选项的一个 Vue 实例。 阅读全文
摘要：
Vue全家桶--07 Vue过滤器和插件 7.1 过滤器 7.1.1 什么是过滤器 过滤器对将要显示的文本，先进行特定格式化处理，然后再进行显示. 注意：过滤器并没有改变原本的数据，只是产生新的对应的数据 7.1.2 使用方式 **定义过滤器： 全局过滤器 Vue.filter(过滤器名称, fun 阅读全文
摘要：
Vue全家桶--06 ToDoMVC 6.1 项目介绍与演示 6.2 需求说明 6.3 下载与导入模板 6.4 初始化项目 6.5 数据列表渲染 6.5.1 功能分析 6.5.2 有数据列表功能实现 app.js声明一个存储任务数据的数组items，并初始化一些数据，注意ES6的写法 (functi 阅读全文
摘要：
Vue全家桶--05 过度/动画和自定义指令 5.1 过渡/动画指令 元素在显示和隐藏时，实现过滤或者动画的效果。常用的过渡和动画都是使用CSS来实现的 **在CSS中操作 trasition（过滤）或 animation（动画）达到不同效果 **为目标元素添加一个父元素<trasition nam 阅读全文
摘要：
Vue全家桶--04 Vue.js 核心技术 4.1 Vue入门开发 4.1.1 VS Code创建工程 4.1.2 创建HTML和安装Vue npm instal vue@2.6.10 4.1.3 编写html代码 <!DOCTYPE html> <html lang="en"> <head> < 阅读全文
摘要：
Vue全家桶--03 新版 Vue.js 概要详解和框架比较 3.1 Vue.js 渐近式框架和使用场景等 **Vue是什么 主流的渐进式JavaScript框架 *什么是渐进式 可以和传统的网站开发架构融合在一起，例如可以简单的把它当做一个类似JQuery库来使用。 也可以使用Vue全家桶框架来开 阅读全文
摘要：
Vue全家桶--02 Visual Studio Code 开发工具使用 2.1 VS Code 优点和下载安装 VS Code 优点 Visual Studio Code(VS Code/VSC)是一款免费开源跨平台的现代化轻量级代码编辑器... 优点： 1.支持30多种常用语言的语法高亮，并对h 阅读全文
摘要：
Vue全家桶--01 NPM 包模块资源管理 1.1 NPM 解决什么问题和 Node.js&NPM 安装 NPM--Node Package Manager JS的包管理工具 NPM理解为前端的Maven，通过npm可以很方便地安装与下载JS库，管理前端工程 Node.js官网下载，Node.js 阅读全文