《vue.js实战》
兔子鱼兮
这个作者很懒,什么都没留下…
展开
-
第7 章 组件详解
第7 章 组件详解(要重读)7.1 组件与复用 7.1.1 为什么使用组件 Vue.js组件就是提高重用性的。 7.1.2 组件用法 组件需要注册后才可以使用,注册有全局注册和局部注册两种方式。 template的DOM结构必须被一个元素包含。 在使用data时,和实例稍有区别,data必须是函数,然后将数据return出去。7.2 使用props传递数据 7.2.1 基本用...原创 2018-04-01 00:43:09 · 249 阅读 · 0 评论 -
第2章 数据绑定和第一个Vue应用
代码2.1 Vue实例与数据绑定2.1.2 生命周期 vue常用生命周期钩子函数: * created : 实例创建完成后调用,此阶段完成了数据的观测等,但尚未挂载,$el还不可用。 * mounted :el挂载到实例上后调用,一般我们的第一个业务逻辑会在这里开始。 * beforeDestroy : 实例销毁之前调用。主要解绑一些使用addEventListener监听的事件等...原创 2018-04-01 00:41:53 · 145 阅读 · 0 评论 -
第1章 初识vue
现在Web开发中常见的高级功能: * 解耦视图与数据 * 可复用的组件 * 前端路由 * 状态管理 * 虚拟DOM(Virtual DOM)1.1.1 MVVM模式 (Model-View-ViewModel)模式。 当View(视图层)变化时,会自动更新到ViewModel(视图模型)。1.1.2 Vue.js有什么不同 Vue.js通过MVVM的模式拆分为视图与数据两部...原创 2018-04-01 00:41:34 · 176 阅读 · 0 评论 -
第6章 表单与v-model
6.1 基本用法 vue.js提供了v-model指令,用于在表单类元素上双向绑定数据。6.2 绑定值6.3 修饰符原创 2018-04-01 00:42:54 · 149 阅读 · 0 评论 -
第5章 内置指令
5.1 基本指令5.1.1 v-cloak v-cloak不需要表达式,它会在Vue实例结束编译时从绑定的HTML元素上移除,经常和CSS的display:none配合使用。5.1.2 v-once v-once不需要表达式的指令,作用是定义它的元素或组件只渲染一次。5.2 条件渲染指令 5.2.1 v-if、v-else-if、v-else 根据表达式的值在DOM中渲染或销毁...原创 2018-04-01 00:42:39 · 124 阅读 · 0 评论 -
第4章 v-bind及class与style绑定
4.1 了解v-bind指令 主要用法是动态更新HTML元素上的属性4.2 绑定class的几种方法4.2.1 对象语法4.2.2 数组语法4.2.3 在组件上使用 如果直接在自定义组件上使用class或:class,样式规则会直接应用到这个组件的根元素上。4.3 绑定内联样式 使用v-bind:style可以给元素绑定内联样式,方法与:class类似,也有对象语法和数组...原创 2018-04-01 00:42:28 · 143 阅读 · 0 评论 -
第3章 计算属性
所有的计算属性都以函数的形式写在Vue实例内的computed选项内,最终返回计算后的结果。3.2 计算属性用法 计算属性还可以依赖多个Vue实例的数据,只要其中任一数据变化,计算属性就会重新执行,视图也会更新。 每个计算属性都有一个getter和一个setter,默认用getter来读取。当手动修改计算属性的值就像修改一个普通数据那样时,就会触发setter函数,执行一些自定义函数。...原创 2018-04-01 00:42:03 · 212 阅读 · 0 评论 -
第10章 使用webpack
10.1 前端工程化与webpack webpack的主要使用场景是单页面富应用(SPA)。SPA通常是由一个html文件和一堆按需加载的js组成,它的html结构可能会非常简单。 ES6语法:export和import是用来导出和导入模块的。一个模块就是一个js文件,它拥有独立的作用域,里面定义的变量外部是无法获取的。使用export default来输出默认的模块,在导入时...原创 2018-04-01 00:44:04 · 241 阅读 · 0 评论 -
第9章 Render函数(还用不到,要重读)
使用Virtual Dom(虚拟DOM)来更新DOM节点,提升渲染性能。 探索Vue.js用于实现Virtual Dom的Render函数用法。 9.1 什么是Virtual Dom Virtual Dom并不是真正意义上的DOM,而是一个轻量级的JavaScript对象,在状态发生变化时,Virtual Dom会进行Diff运算,来更新只需要被替换的DOM,而不是全部重绘。9.2 什么...原创 2018-04-01 00:43:44 · 428 阅读 · 0 评论 -
第8章 自定义指令
8.1 基本用法 自定义指令的注册方法和组件很像。 Vue.directive(‘focus’,{ //指令选项 }); 自定义指令的选项是由几个钩子函数组成的: * bind * inserted * update * componentUpdated * unbind<!DOCTYPE html><html lang="en"&g...原创 2018-04-01 00:43:34 · 143 阅读 · 0 评论 -
第11章 插件
注册插件需要一个公开的方法install,它的第一个参数是Vue构造器,第二个参数是一个可选的选项对象。 通过Vue.use()来使用插件 11.1 前端路由与vue-router webpack的主要使用场景是单页面富应用(SPA),而SPA的核心就是前端路由。 大多数的网页都是后端路由,也就是多页面。 SPA:其实就是在前后端分离的基础上,加一层前端路由。前端路由,即由前端维护一...原创 2018-04-01 00:44:21 · 143 阅读 · 0 评论