2020-08-04

#vue的生命周期

        vue生命周期是指vue实例对象从创建之初到销毁的过程,vue所有功能的实现都是围绕其生命周期进行的,在生命周期的不同阶段调用对应的钩子函数可以实现组件数据管理和DOM渲染两大重要功能。

生命周期主要分为三个:created(创建后),mouthed(载入后),destroyed(销毁后)

1.created:对应的钩子函数为created。在这个阶段vue实例已经创建,仍然不能获取DOM元素。

2.mouthed:对应的钩子函数是mounted。mounted是平时我们使用最多的函数了,一般我们的异步请求都写在这里。在这个阶段,数据和DOM都已被渲染出来。

3.destroyed:对应的钩子函数是destroyed。在销毁后,会触发destroyed钩子函数。

在生命周期的不同阶段,会调用不同的钩子函数。

# node

        js运行在浏览器中, 不能拥有操作文件, 二进制等这些功能

        运行环境,es规范,提供依赖包(http,io,buffer...)

        我们可以利用node这个环境开发后台服务器

# npm

        node提供一个 js包的管理工具

创建init

        # npm 切换到 cnpm 

        npm install cnpm -g --registry=httpsregistry.npm.taobao.org

        # 使用cnpm 安装依赖包 -g是全局安装

        cnpm install  包名 -g

        # cnpm install 包名 --save

        # 如果不添加 --save 只会下载这个包,在package.json文件不会下载的记录

        # --dev 开发的时候使用,上线之后就不在使用的一些包

        cnpm uninstall 包名 下载包

        dependencies 上线之后还在用(bootstrap,jquery)

        devDependencies 开发打包的时候使用,上线之后就不使用了(webpack)

        如果没有添加 --save,  在package.json中不会有记录

        # 如果下载的项目由package.json, 只需要执行 cnpm install , 他就会把依赖包都下载下来

# webpack (gulp)

        # 自动化的打包工具

        # 浏览器只能认识 html, css, js, 图片

        # 为了快速开发(es6,sass,typeScript...,aa.Vue ) - 工具 -  html,css,js,图片

        入口   出口  loader(加载器)  插件

        # 安装 cnpm install webpack webpack-cli --save --dev

        # 编写webpack的文件 webpack.config.js

        # webpack 打包指令进行打包就可以了

# vue-cli

        # 脚手架, 创建半成品,我们在半成品基础上开发

# npm install -g @vuecli 安装脚手架  

# 创建项目 vue create 项目名 (先通过cd进入到创建项目的目录)  

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。