Vue_3

1 组件

拥有专属的HTML，CSS和数据的页面独立区域。
优点：便于重用、松散耦合、分工协作
页面由一个个独立的区域组成，封装为组件。即每个页面由多个组件组成

1.创建Vue组件:
1.1先在<template></template>中定义组件的HTML片段，要求<template>内只能有唯一的父元素包裹
1.2创建Vue组件

 Vue.component(“组件名”,{
  template:”选择器”, //找到页面上一个<template>元素，并监控其中的内容——组件的HTML片段
  //data:function(){return {}}的简写
  data(){ //每使用一次组件，就调用一次data函数，为当前组件生成一个新data对象
    return {
      模型变量
    }
  },
  …同new Vue()
 })

2.使用组件: 一个组件，其实就是一个可重用的标签！组件名就是标签名
运行时: 用<template>中的HTML片段代替<组件名>标签的位置

2 组件生命周期

一个组件的加载过程
包括: 4个阶段:
1.Create创建：创建组件实例对象，并创建data对象
2.Mount挂载：将组件模板中的元素，绑定后，挂载到DOM树
3.Update：模型变量被更新
4.Destory：要销毁一个组件

生命周期钩子函数: 每个生命周期阶段抛出的事件处理函数
只要希望