黑马前端学习笔记（从vue2.0到vue3.0）第五天P74-P94

P74什么是计算属性

在data平级下 写一个 computed {

写一个方法 aa  写一个return 

直接用差值表达式调用   

}

1. 提升代码复用

2. 只要计算属性中依赖的数据源发生改变，则计算属性会自动重新求值！

P76 axios发出请求

基础语法

首先导入axios.js包

在<script></script> 中

axios（{

method：‘GET’  请求方式

url ：''  请求地址

}）

处理接收函数有两种方法 

一种是将axios 复制给一个对象

const xx = axios（{}）

xx.then({function(值)

值.data 是接口传输的数据

})

第二种直接在 axios（{}）.then(   

{function(值)

值.data 是接口传输的数据

})

axios请求成功后 会套一层壳

P76 axios发出请求如何传参

axios 发起GET请求 

在基础语法加上

params:{

写条件

}

axios 发起POST请求 

在基础语法加上

data:{

写条件

}

P78解构赋值

如何简写 then方法！！

写 await 对象数值会被赋值  如不写赋值为对象的属性

因为axios 外层还有一套壳 所以可以写成

就直接可以取到 data的值 

  

get请求

{data：res}意思为解构出来重新命名

P79 基于axios 的简化用法 

axios.get('URL地址'，{

params：{}

}) 

axios.post（'URL地址'，{直接写对象属性即可}）

P80  vue-cli

安装命令

npm i -g @vue/cli

快速生成工程化的vue项目

vue create 项目的名称

有可能出现下方提示

看不懂直接Y 回车 就出现和老师一样的场景了

跟着老师一步步来 没有问题

P85项目运行流程

main.js内容

P87 组件

script写法

扩展

P89 组件启用less

P91组件之间的父子关系

在这里实在是不行了 需要下载黑马的教材

【全套教程下载】

下载地址：https://pan.baidu.com/s/1HRGHk0N1rFo46TCBI9p2xQ

提取码：1234

直接光下载教材就可以 视频 在线看 

使用组件的三个步骤 

components ：注册组件中（私有组件）

应写为   left：‘left’

但是他是前后值一样 可以简写

P93 插件安利

"path-autocomplete.extensionOnImport": true,

    "path-autocomplete.pathMappings": {

        "@":"${folder}/src"

    },

p94全局组件

components 注册的只是私有组件

如何注册全局组件

一次注册到处可以使用