20200202

我本来可以很快乐，是吃野味儿的王八蛋害了我

草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属性必须是一个函数

  *而且这个函数返回一个对象，对象内部保存着数据