摘要：
什么是组件：组件是可复用的vue实例，它的特点是独立、可复用且整体化。 为什么要组件化：为了实现功能模块的复用，高执行率，便于开发单页面复杂应用。 组件化带来的问题：组件状态管理（vuex）； 多组件的混合使用，多页面，复杂逻辑（vue-router）； 组件间的传参、消息、事件处理（props，e 阅读全文
摘要：
vue使用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。下面我们通过示例先了解下基本用法： 基础用法中，使用的数据都是写死的数据，是静态的，但是有时候，有些需求需要展示接口请求过来的动态数据，这时候，怎么绑定表单数据呢，下面我们也是 阅读全文
摘要：
vue使用v-on指令监听DOM事件，之前我们有用过v-on指令实现增加数字的需求，我们把那个例子改改拿出来： 上面是v-on最基础的使用方法，此外v-on还有修饰符。 先来看看事件修饰符：.stop、.prevent、capture、.self、.once、.passive，我们引用一下官网的例子 阅读全文
摘要：
列表渲染 根据我例子的需要，先来说下，列表渲染使用到的是v-for指令，需要使用 item in items 形式的特殊语法，items 是源数据数组并且 item 是数组元素迭代的别名，具体使用方法如下： <!DOCTYPE html> <html lang="en"> <head> <meta 阅读全文
摘要：
侦听器：顾名思义，就是用来监听数据变化用的。侦听器在vue实例中，定义变量watch来使用。监听新值newVal和旧值oldVal，具体使用方法如下： 上面是一个简单的示例，watch监听的是变化的数据，可以监听新数据和老数据，我们可以使用Chrome的控制台来修改msg的值进行一下测试： 如果只是 阅读全文
摘要：
在学模板语法前，先了解两个概念，一个是数据绑定，一个是指令。数据绑定，形式就是两组嵌套的花括号，长这样婶儿的{{}}，在这两个花括号里头，我们可以放置需要展示的动态数据（注意，放在双花括号里的内容，都会被解释为普通文本），所谓的数据绑定，我理解的就是用这个形式将需要展示的数据，绑定到对应的元素上。而 阅读全文
摘要：
使用vue的第一步，就是创建一个vue实例，这是使用vue的基础，学习vue，需要有js基础的，所以，我这里记录我学习vue的路程，过程中，遇到不了解的内容，我会在文章里做记录，如果是基础的东西，我就直接往下进行，不做解释了。 创建一个vue实例，就是声明一个变量，然后呢，给这个变量赋值，用new操 阅读全文