摘要:
Vue全家桶--12 Vue-CLI 3.x 脚手架构建项目 12.1 什么是Vue-CLI 1. Vue-CLI 是 Vue 官方提供的, 用来搭建项目脚手架的工具,它是 Vue.js 开发的标准工具,它已经集成了webpack , 内置好了很多常用配置, 使得我们在使用 Vue 开发项目时更加的 阅读全文
摘要:
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全家桶框架来开 阅读全文