vue基础-4

1、 注册组件几种方式,有何区别，且如何注册

①全局注册 在 main.js中 注册,注册之后可以全局使用

 import Vue from 'vue'
 import 组件对象 from '文件路径'
 Vue.component("组件名",组件对象)
 <组件名></组件名>

②局部注册 在.vue文件中注册,在哪里注册,就只能在哪里使用

 import 组件对象 from '文件路径'
 export default{
     components:{"组件名","组件对象"}
 }
 <组件名></组件名>

2、组件使用三个核心要素是？

引入组件,注册组件,使用组件

3、一个.vue文件由几部分组成，分别什么含义？

template: 结构,写 html 代码

script: 逻辑,写js 代码

style: 样式,写css 代码

4、如何让组件的样式只有局部效果

给style标签 添加 scoped <style scoped></style>

原理: 给当前组件内标签 添加 data-v-hash的属性,确保标签的唯一性,给css选择器添加 [data-v-hash]的交集属性选择器

因此可以让组件内样式相互独立,互不影响

7、组件通信有哪些方式

1. 父向子通信: 在子组件的标签上通过自定义属性传递父组件的数据,子组件的内部通过 props 接收父向子传递的数据

2. 子向父通信: 在子组件的标签上自定义事件,自定义事件的值是父组件的方法,在子组件内部通过 this.$emit()方法触发事件，第一个参数为自定义事件,第二个参数可以传递子组件的内部数据,此时父组件中的方法就可以执行了,

3. 兄弟组件通信: 可以采取 eventbus 实现数据传递,但是这种方式我们在开发中基本不用,多组件共享数据都是用的 vuex

4. 后代组件通信: 可以采取依赖注入的方式,在祖先组件中通过 provide 提供数据,在后代组件中通过 inject 接收数据

5. 无关联关系组件通信: 在开发中我们都是使用 vuex

8、vue生命周期分为几个阶段，几个钩子函数，分别写出来

vue 生命周期分为个四个阶段

1. 初始化阶段: beforeCreate 与 created

   beforeMount 与 mounted

2. 运行阶段: beforeUpdate 与 updated

3. 销毁阶段: beforeDestroy 与 destroyed

9、页面一打开执行哪些钩子

当页面第一次页面加载时会触发 beforeCreate, created, beforeMount, mounted 这几个钩子函数，这几个钩子函数对应vue生命周期的四大阶段

10、页面进来要做的事，页面关闭要做的事在哪些钩子里

页面进来: beforeCreate, created

页面关闭: beforeDestroy,destroyed

11、axios有哪些常用方法，这些方法返回的是什么

1、get请求

用于获取数据。

2、post请求

用于提交数据（新建）、包括表单提交及文件上传。

3、put请求

用于更新数据（修改），将所有数据都推送到后端。

4、patch请求

用于更新数据（修改），只将修改的数据推送到后端。

5、delete请求

用于删除数据。

返回的都是Promise对象 (只有返回的是Promise对象才可以 .then)

12、请分别写出axios 的 get请求和post发请求都携带数据的伪代码

①axios 的 get请求

 axios({
     method: 'get',
     url:'http://ajax-api.itheima.net',
     params:{
         id: 1
     }
 }).then(res =>{
     console.log(res)
 })

②axios 的 post请求

 axios({
     method: 'post',
     url:'http://ajax-api.itheima.net',
     data:{
         username
     }
 }).then(res =>{
     console.log(res)
 })