一:了解-不vue的生命周期

1.生命周期又4个阶段

创建

  beforCreate
  created
   一般有于发送网络请求

挂载

  beforeMount 
  mounted
  这这个时候DOM元素已经挂载完毕了可以实现一些 DOM操作

更新

beforeUpdate  
updated

销毁

beforeDistroy
destroyed

二mock数据.dokerfile

mock 数据

线上模拟数据 fastmock

本地模拟数据  json-server

1.使用和安装的方法

1安装json-server到全局环境的方法

   使用指令  npm i fson-server -g

2.创建data.json文件

3.通过命名元素data,json 文件生成后端的接口

json-server./datajson

 watch 实时监听文件变化

 port 设置端口号, 默认为3000

 host 设置id 默认为localhost

 json-server--watch--host 10.14.151.1--port 8888./data.json

4.常用的接口

请求所有的资源

   get http://localhost:8888/users

  根据id请求资源  

   get http://localhost:8888/users/:id 

  添加资源  

   post http://localhost:8888/users

  根据id更新资源

   put、patch http://localhost:8888/users/:id 

   put 会覆盖资源

   patch 只更新指定的资源

  根据id删除资源

   delete http://localhost:8888/users/:id 

  分页查询数据   

   get http://localhost:8888/users?_page=1&_limit=2

  模糊查询   

   get http://localhost:8888/users?q=关键词

四在vue中使用网络请求的方法

1.设置设置根路径

  `axios.defaults.baseURL = "http://localhost:8888";`

2.设置拦截

   ` axios.interceptors.request.use(
    function (config) { config.headers["Authorization"] = "FLSJFLSJFLUORSR";
      return config;
    },
    function (error) {  
    return Promise.reject(error);
    }
  );`

3.响应拦截

  ` axios.interceptors.response.use(
    function (response) {
    if (response.status === 200) {
        console.log("请求成功");
      }
       return response;
    },
    function (error) {
       return Promise.reject(error);
    }
  );`

五过滤器的使用

过滤器分为两种全局和局部

全局过滤器可以使用在任意的实例中，局部过滤器只能使用在当前实例中如果全局过滤器和局部过滤器同时存在，就近原则使用局部的过滤器

1.全局过滤器的使用使用方法

1.语法

 定义过滤器:
 `Vue.filter('过滤器名称',function(参数1，参数2，...，参数n)`
  过滤器的调用:
  <div id="app"> {{msg|过滤器名称}} <input :style="styleObj" type="text"               
  name="" id="" :value="msg|过滤器名称" /> </div>

2.局部过滤器的使用使用方法

 在组件里面与methods同级，新增一个filter对象
`filter:{
 capitalize: function (value1,value2,value3) {
if (!value) return ''
  value = value.toString()
  return value.charAt(0).toUpperCase() + value.slice(1)
 }

  },
 methods:{}`

3.注意点

 全局过滤器可以使用在任意的实例中，局部过滤器只能使用在当前实例中
 如果全局过滤器和局部过滤器同时存在，就近原则使用局部的过滤器