知识点总结

混入 (mixin) ：混入其实就是vue组件的配置项

可以局部混入、也可以全局混入

注册的方法有区别：官方文档

混入的原则：

data里面有变量、混入也有，以data的为主；
methods有方法，混入也有，以data的为主；
生命周期中的是合并，都执行，先执行混入再执行页面。
//全局注册
import checkPermission from '@/mixin/checkPermission'
Vue.mixin(checkPermission)
 
//局部注册
<script>
export default {
   mixins: [mixin],
}
</script>
location.reload（）方法会刷新页面

props中定义传入的变量：default的值如果为引用数据类型，则需要用函数返回。

<script>
export default {
   data: {
    type:Date,
    default:() => new Date()
  }
}
</script>
i18n的使用：文档

import Vue from 'vue'
 
import VueI18n from 'vue-i18n'
 
Vue.use(VueI18n)
 
import zhLocale from './zh'
import enLocale from './en'
import Cookie from 'js-cookie'
import EenLocale from 'element-ui/lib/locale/lang/en'
import ZzhLocale from 'element-ui/lib/locale/lang/zh-CN'
//实例化i18n对象
const i18n = new VueI18n({
    // locale:'zh',
    locale: Cookie.get('language') || 'zh', // 从cookie中获取语言类型 获取不到就是中文
    messages:{
        zh:{...zhLocale,...ZzhLocale},
        en:{...enLocale,...EenLocale},
    }
})
 
export default i18n
 
-------------------------------------------------------------------------------------------
//main.js中
import i18n from '@/lang'
new Vue({
  el: "#app",
  router,
  store,
  i18n,
  render: (h) => h(App),
});
echarts使用：使用手册

导入或者script外链资源
初始化一个echart对象  let echart = Echarts.init(挂载DOM节点)
设置配置项  echart.setOption({配置对象}) 配置对象查文档
<script>
import * as Echarts from "echarts";
import radarData from "./radar-base";
export default {
  name: "Radar",
  mounted() {
    this.echart = Echarts.init(this.$refs.myDiv);
    this.echart.setOption(radarData);
    this.initData();
  },
};
</script>