摘要：
上一篇中，我们在搭建Vue脚手架的基础上，完成了单文件组件的测试，本篇中我们来学习一下render函数 阅读全文
摘要：
项目结构介绍 在上一篇我们介绍了安装Vue Cli的安装并创建了一个vue项目vue_test,现在简单介绍各模块的作用，其中School组件和Student组件是新写的组件，方便后续介绍单文件组件。 对应模块的作用： 单文件组件 介绍 在很多 Vue 项目中，我们使用 Vue.component 阅读全文
摘要：
Vue脚手架安装与启动 阅读全文
摘要：
关于VueComponent 1.school组件本质是一个名为VueComponent的构造函数，且不是程序员定义的，是Vue.extend生成的。 2.我们只需要写<school/>或<school></school>，Vue解析时会帮我们创建school组件的实例对象， 即Vue帮我们执行的： 阅读全文
摘要：
Vue中使用组件的三大步骤： 一、定义组件(创建组件) 二、注册组件 三、使用组件(写组件标签) 一、如何定义一个组件？ 使用Vue.extend(options)创建，其中options和new Vue(options)时传入的那个options几乎一样，但也有点区别； 区别如下： 1.el不要写 阅读全文
摘要：
实例生命周期钩子 每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。 生命周期： 1.又名：生命周期回调函数、 阅读全文
摘要：
回顾学习过的指令 v-bind : 单向绑定解析表达式, 可简写为 :xxx v-model : 双向数据绑定 v-for : 遍历数组/对象/字符串 v-on : 绑定事件监听, 可简写为@ v-if : 条件渲染（动态控制节点是否存存在） v-else: 条件渲染（动态控制节点是否存存在） v- 阅读全文
摘要：
过滤器基础 Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示： <!-- 在双花括号中 --> {{ messa 阅读全文
摘要：
基础用法： 你可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处 阅读全文
摘要：
用 v-for 把一个数组对应为一组元素 v-for指令: 1.用于展示列表数据 2.语法：v-for="(item, index) in xxx" :key="yyy" 3.可遍历：数组、对象、字符串（用的很少）、指定次数（用的很少） react、vue中的key有什么作用？（key的内部原理） 阅读全文