有风就有翼

摘要： vuex 从0到1 利用 vue cli 快速搭建一个项目, 记录了 vuex 的 一些操作 项目初始化 一些配置的修改 修改 中的配置项, 使得在 的时候自动打开浏览器. 编译过程 背景介绍 对于非父子组件之间的通信, 最容易想到的是 Bus(中央事件总线)的方法, 用来触发和接收时间, 从而达到 阅读全文

摘要： vue router 入门记录 这是一个利用 vue cli 搭建的简单的项目, 项目建立的主要目的是为了记录一些 Vue router 的学习过程 项目初始化 一些配置的修改 修改 中的配置项, 使得在 的时候自动打开浏览器. 编译过程 准备工作 在 中新建两个组件, 和 <! TODO: 插入 阅读全文

摘要： render 函数 什么是Virtual DOM Virtual DOM 并不是真正意义上的 DOM, 而是一个轻量级的 JavaScript 对象, 在状态发生改变的时候, Virtual DOM 会进行 运算, 来更新只需要被替换的 DOM, 而不是全部都进行重绘. <! TODO: 插入 Vi 阅读全文

摘要： 自定义组件 基本用法 局部注册 全局注册 自定义指令是由一系列钩子函数组成的 bind 只调用一次, 指令第一次绑定到元素上时调用, 用这个钩子函数可以定义一个在绑定时执行一次的初始化动作 inserted 被绑定元素插入父元素时调用(父节点存在即可调用, 不用存在于 document 中) upd 阅读全文

摘要： 组件详解 组件(component)是 最核心的功能, 也是整个框架设计最核心的地方 组件和复用 组件的用法 组件需要注册之后才能使用.组件的注册分为局部注册和全局注册. 全局注册 注册方法 注册之后就能使用了 在组建中添加 的配置就能够显示组件内容了. 用法如下 的 结构必须被一个元素包含, 如果 阅读全文

摘要： 表单与 v model 基本用法 提供了 指令, 用于在表单类元素上双向绑定数据 input 对于汉字如果需要实时更新的话可以使用 来替代 "代码链接在这儿!!" <! TODO: 代码见3. input handle.html <! TODO: 代码 1.input.html "代码链接在这儿!! 阅读全文

摘要： 内置指令 基本指令 v cloak 它会在 Vue 实例结束编译时从绑定的 元素上移除,经常和 配合使用 <! TODO : 插入代码 1. v cloak.html "代码链接在这儿!!" v once 定义它的元素或者组件只渲染一次,包括元素或组件的所有子节点 首次渲染之后不在岁数据的变化重新渲 阅读全文

摘要： v bind 及 class 与 style 绑定 的作用主要是动态更新 元素上的属性 <! TODO: fast in 代码链接 "代码链接在这儿!!" class的绑定 设置一个对象,可以动态的切换 e.g. <! TODO 插入代码链接 2. object in with single key 阅读全文

摘要： 计算属性 模板内的表达式常用原图简单的运算, 当期过长或逻辑复杂时, 会难以维护, 本章的计算属性就是用于解决该问题的. <! TODO: fast in 代码链接 "代码链接在这儿!!" 计算属性的使用 计算属性可以有 和 一般来说只需要使用 所以可以直接定义方法, 就是 对应于 方法 对应于 方 阅读全文

摘要： 数据的绑定 快速体验数据的双向绑定 在输入框内输入名字,下面的地方会实时响应输入的内容 <! TODO: 插入体验链接 "代码链接在这儿!!" Vue 实例与数据绑定 实例与数据 实例化 必不可少的是 可以是 也可以是 挂在成功之后可以通过 来访问元素 "代码链接在这儿!" 生命周期 类似于 中的 阅读全文