vue 中的 混入-mixins

//ProjectMix.js
和 .vue 写法相同,有data created mounted computed methods等方法。

export default { data() { return { project: {}, projectId: 0, }; }, created() { this.project = this.$store.getters.project; const projectId = this.project.projectId; if (/^[1-9][0-9]*$/.test(projectId)) { this.projectId = projectId; } else { this.backProjects(); } }, methods: { backProjects() { this.$router.push("/project/projects"); } } }

使用方法:

import ProjectMix from "@src/mixins/ProjectMix";//引入
export default {
  name: "",
  mixins: [ProjectMix],
  components: {
  },
  props: {
  },
  data() {
  }
}

ProjectMix引入之后就可以直接使用这个mixins中的方法属性等

比如取projectId就直接this.projectId即可。

this.backProjects()可以直接调用mixins中的backProjects方法。

 

上一篇:开源端到端流水线实践-需求与代码管理


下一篇:人脸匹配搜索指北