父组件:
<Son :msg="faMsg" ></Son>
data(){
  return{
    faMsg:'这是父组件的数据噢'
  }
}
子组件:
在p标签里可以直接{{msg}}使用
props:['msg'] 写在和data()同级
方法中拿值：this.$props.msg

子组件：
比如点击了一个按钮触发下面方法
add(){
  this.count+=1
  this.$emit('addchange',this.cont)
}
父组件:
<Son @addchange="getNum"></Son>
methods：{
  getNum(val){
  console.log(val);
  }
}

新建一个文件夹叫eventBus.js
import Vue from 'vue'
let bus = new Vue()
Vue.prototype.$eventBus = bus
export default bus

兄弟A 和B都引入这个js
都要import bus from './eventBus.js'
  接收方mounted
    bus.$on('share', (val) => {
      console.log(val);
    })

    发送方 放一个方法里
    bus.$emit('share', this.msg)

路由也能传值 通过 params传参通过name
this.$router.push({
          name: 'particulars',
          params: {
            id: id
          }
      })
对应路由
{
     path: '/particulars',
     name: 'particulars',
     component: particulars
   }
子接收
this.$route.params.id


http://192.168.15.115/ui?type=x6   这种
this.$route.query.type    拿值

npm i vuex

(1)index.js文件夹配置如下

import Vue from 'vue'
import Vuex from 'vuex'
import user from './modules/user'
Vue.use(Vuex)
export default new Vuex.Store({
  strict: true,
  modules: {
    user
  }
})

(2)main.js也要声明

import store from './store'
new Vue({
  store,
  render: (h) => h(App)
}).$mount('#app')

(3)user.js

export default {
  state: {
    user: '', // 登录的用户
  },
  getters: {
    getUser(state) {
      return state.user
    }
  },
  mutations: {
    setUser(state, data) {
      state.user = data
    }
  },
  actions: {
    setUser({ commit }, data) {
      commit('setUser', data)
    }
  }
}

(4)使用

（11）{{$store.state.user}}   this.$store.getters.getUser

（22）Vuex规定必须通过mutation修改数据，不可以直接通过store修改状态数据

import { mapActions } from "vuex"; //通过这个设置值
import { mapGetters } from "vuex"; //通过这个获取值
  computed: {    //计算属性
    ...mapGetters(["getUser"])
  },
  watch: {   //监听vuex里的值变化
    // 获取vuex的登录状态
    getUser: function(val) {
      if (val === "") {          // 用户没有登录
      } else {}}},
  methods: {
  需要给user赋值时候直接this.setUser(值),拿调用this.getUser()
    ...mapActions(["setUser"]),
    }

(1)vue项目中
*****localStorage

let user = JSON.stringify(res.data.user)   字符串转成json格式
localStorage.setItem('user', user) 存
localStorage.getItem("user")   读取
JSON.parse(localStorage.getItem("user"))  json转为对象格式才能.出来，重点
localStorage.setItem("user", ""); 设为空
localStorage.removeItem('user')  //移除


*****sessionStorage

sessionStorage.setItem('token', data.token) 字符串格式不需要转
sessionStorage.getItem('token')   可以直接这样读,因为只存了一个token字符串
sessionStorage.setItem('ADMIN', JSON.stringify(data)) 存
sessionStorage.removeItem('user') 删


*****cookie

"vue-cookie": "^1.1.4",
import VueCookie from "vue-cookie"
Vue.use(VueCookie);

在request.js中发起请求拦截器里添加,记得先引入Vue
    config.headers["picToken"] = Vue.cookie.get("picToken"); // 请求头带上token
    return config;

this.$cookie.set("picToken", data.token);
this.$cookie.get('picToken')

(2)uniapp中

//存储token,只需要存字符串即可
uni.setStorageSync('token', res.data.data.token);  同步存
uni.setStorageSync('userInfo', JSON.stringify(res.data.data));

uni.clearStorageSync();  删
const obj=JSON.parse(uni.getStorageSync('userInfo')); 读

// 将字符串转json格式存本地
this.setUser(res.data.data);//存vuex里不需要转json,默认转对象,np
this.setToken(res.data.data.token);

其他地方vuex拿值
import { mapGetters } from 'vuex';
  computed: {
    ...mapGetters(['getUser'])
  },
  methods: {
    getMyMsg() { //不用转都能拿到
      getMyMsgs(this.getUser.userId).then(res => {
        console.log(this.getUser.token);
        this.myMsg = res.data.data;
      });
    }
  },

import moment from 'moment';

Vue.filter('dateFormat', function (value, format) {
  return moment(value).format(format)
})

使用方法：
{{time | dateFormat('YYYY-MM-DD HH:mm:ss')}}

import axios from "axios";
import router from "../router";

const request = axios.create({
  baseURL: "/api",
  timeout: 5000,
});

// request 拦截器
// 可以自请求发送前对请求做一些处理
// 比如统一加token，对请求参数统一加密
request.interceptors.request.use(
  (config) => {
    config.headers["Content-Type"] = "application/json;charset=utf-8";

    // config.headers['token'] = user.token;  // 设置请求头
    //取出sessionStorage里面缓存的用户信息
    let userJson = sessionStorage.getItem("user");
    if (!userJson) {
      router.push("/login");
    }
    return config;
  },
  (error) => {
    return Promise.reject(error);
  }
);

// response 拦截器
// 可以在接口响应后统一处理结果
request.interceptors.response.use(
  (response) => {
    let res = response.data;
    // 如果是返回的文件
    if (response.config.responseType === "blob") {
      return res;
    }
    // 兼容服务端返回的字符串数据
    if (typeof res === "string") {
      res = res ? JSON.parse(res) : res;
    }
    return res;
  },
  (error) => {
    console.log("err" + error); // for debug
    return Promise.reject(error);
  }
);

export default request;

 beforeCreate() {
    console.log("A beforeCreate");
  },
  created() {
    console.log("A created");
  },
  beforeMount() {
    console.log("A beforeMount");
  },
  mounted() {
    console.log("A mounted");
  },
  beforeUpdate() {
    console.log("A beforeUpdate");
  },
  updated() {
    console.log("A updated");
  },
  beforeDestroy() {
    console.log("A beforeDestroy");
  },
  destroyed() {
    console.log("A destroyed");
  },



methods:{

}

data() {
    return {

    };
  },

activated() {


}
 watch: {
    check() {
      this.flag.check = this.check;
    },

  },

@import './assets/css/index.css';  //本地

@import url('https://at.alicdn.com/t/c/font_4406297_ebaqc2j4n1e.css'); //外部


import { yh } from '@/assets/js/yinHua.js'
  created() {
    yh
  }