跳至主要內容
Vue的生命周期

Vue的生命周期

整体周期

首先是对整体实例的初始化,此时会初始化自定义事件监听器和生命周期的相关属性,并且对render做处理,然后调用beforeCreate,调用完之后,对子节点数据依赖注入,接着对props,methods,data,computed,watch进行初始化,然后provide,这三个步骤就是对组件数据和状态初始化。初始化完成之后,触发created,触发完成后,挂载DOM。beforeMount在数据没有传达到页面时触发(渲染之前),mounted则是渲染之后。接着后面就是监听组件变动,对应触发beforeUpdateupdated,而beforeUnmonuntunmount在组件被销毁时触发(页面关闭,v-if销毁等)


Mr.Lexon大约 4 分钟front-endfront-endvue
基础

基础

#Vue #前端

创建脚手架

这里需要用到npm,安装见:[[docs/guide/program/node/install/README]] 首先在npm上安装Vue/cli:

npm install -g @vue/cli

Mr.Lexon小于 1 分钟front-endfront-endvue
异步加载

异步加载

异步加载的定义: 异步加载又名按需加载,懒加载,这个是为了当页面请求过多时,根据路由访问进行按需加载(即要什么,给什么)这个功能

遇到的问题:

对模板实行异步加载之后出现样式消失情况。

理解:

通过排错后发现,异步加载原来时包含其css,js文件在异步加载的情况下非访问不加载,这就导致当未进行对该模板的访问或是保持不消失的前提下,一些复用的css或是js就会消失,即使是加载过这个页面,也会因为在切换时销毁,所以一旦对某个模板的css和js进行复用,其他模板就会出现效果消失情况,所以尽量使模板样式个性化,若是出现共性,应该以外部引入,模块引入或是制作成模板形式进行复用


Mr.Lexon小于 1 分钟front-endfront-endvue异步编程