2022/6/8 摸鱼日记

什么是mvvm

mvvm本质上描述的是试图和逻辑的关系。专业术语中称为数据的双向绑定

什么是mvc

主要体现在后端应用场景，将客户端请求的和对应的业务模块进行规则的映射。会根据不同的请求分发到不同业务模块中 可在固定的的模式下完成复杂的业务功能和处理软件结构，提高开发效率。

数据双向绑定是通过数据拦截的方式实现的。底层原理

let wxx='ak47'
//声明变量
Object.defineProperty(window,'xx',{
        get（）{

          console.log('有人读取了变量数据 xx')
            return wxx  //ak47
 
  }
        set（val）{
        console.log（'有人改变了数据xx'）
        wxx=val

        
}


})
//数据劫持函数  参数一 挂载的对象
               参数二 挂载属性
               参数三 监听数据变化的对象
               （get（）方法读取，set（）设置函数）

全局组件，局部组件

Vue.component('组件名称',{
       template：'页面结构'//<h1>我是vue全局组件</h1>,
        data(){

            return:{

            //这里写变量参数，和vue实例的用法一样
}
    }
        


})

//全局组件


//局部组件写在 实例vue里  components组件里

//vue实例
//...

components:{

   组件名：{ 

             template：'页面结构'//<h1>我是vue局部组件</h1>,
        data(){

            return:{

            //这里写变量参数，和vue实例的用法一样
}
    }

        
   
}

}
//...



//局部组件

组件化开发 组件命名规则，多个单词组成，每个首字母大写

页面中使用的时候第一个字符大写小写无所谓，后面大写必须小写，字母前加中划线。

组件的嵌套，一些组件出现在另一些组建的conmponents里

动态组件

把组件写在

<component     :is='变量'>      </component>

vue实例里  date 里   变量=‘组件名’  从而达到   控制变量  即控制组件 达到动态组件

组件缓存

<keep-alive   indclude=''></keep-alive>
<keep-alive   exclude=''></keep-alive>


//indclude 是缓存指定组件
//exclude  缓存除了指定组件

生命周期

一个组件被创建到销毁的过程就是生命周期包括创建，加载，运行，销毁 和缓存组件。

创建实例前  beforeCreate()自动执行

创建实例后 create()自动执行

加载dom前 beforeMount()自动执行

加载dom后 mounted() 自动执行

数据更新前beforeUpdate()  特定执行

数据更新后update()    特定执行

销毁前beforeDestroy()特定执行

销毁后destroy()特定执行

。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

总瞌睡怎么治？