我本来可以很快乐，是吃野味儿的王八蛋害了我
草TM
v-model：其实是一个语法糖，本质上时包含两个操作：
*v-bind绑定一个value属性
*v-on指令给当前元素绑定input事件
v-model修饰符：
*v-model.lazy：lazy修饰符可以让数据在失去焦点或者回车时才更新
*v-model.number：number修饰符保证绑定的是数字
*v-model.trim：去掉字符串两边的空格
组件化：
如果我们将一个页面拆分成一个个小的功能块，每个功能块完成属于自己这部分独立的功能，那么之后整个页面的管理和维护就变得非常容易了。
提供一种抽象，让我们可以开发出一个个独立可复用的小组件来构造我们的应用
任何的应用都会被抽象成一颗组件树。
组件化思想：
尽可能的将页面拆分成一个个小的、可复用的组件。
让代码更加方便组织和管理，并且扩展性更强。
注册组件的基本步骤：
*创建组件构造器 —调用Vue.extend()方法
*注册组件 —调用Vue.component()方法
*使用组件 —在Vue实例的作用范围内使用组件
*全局组件：可以在多个Vue实例下面使用
*局部组件：在Vue实例的components中注册。
父组件和子组件：
*组件和组件之间存在层级关系
*其中一种非常重要的关系就是父子组件的关系
注册组件语法糖；省去了调用Vue.extend()的步骤，直接使用一个对象来代替。
组件模板分离：
*使用<scrip>标签
*使用<template>标签
组件是一个单独功能模块的封装，这个模块有属于自己的HTML模板，也应该有属于自己的数据data。
组件数据的存放：
*组件对象也有一个data属性
*只是这个data属性必须是一个函数
*而且这个函数返回一个对象，对象内部保存着数据
