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

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

推荐阅读更多精彩内容