6.Vue传值思路

vue当前页面传值时分两种情况：

1.本地数据

          在页面中绑定值时，首先在<template>中添加想要绑定的元素，通过定义属性绑定（不同的元素绑定方式不同，比如table一般通过   :data=""  绑定），在return的data{[ ]}中自定义数据，页面调用

2.前后端分离，后台数据接口连接

思路1:先写当前页面所对应的js文件

import request from '@/router/axios'

export function getAllLabel(param) {   //自定义的方法名称
  return request({
    url: '/code/XXX',   //后台链接路径
    method: 'post',
    data: param
  })
}

思路2:在当前页面<script>部分引用所写的js文件

  import {
    getAllLabel      //js文件中定义的方法
  } from '../../../EnterpriseDetail'   //from后接的是js文件的存储路径

思路3:将定义好的字段名与后台数据进行匹配，赋值给相对应的字段

       获取设计文档中定义好的关键字的值

mounted() {
  this.labelInfo()    //回调methods里的方法，方法名称自定义，与调用一致即可
},
methods: {
 labelInfo() {
  getAllLabel().then(response => {
    for (let i = 0; i < response.data.data.length; i++) {
      this.options.push({
        value: response.data.data[i].id,        //前面是当前页要获取的关键字，后面是接口定义的关键字
        label: response.data.data[i].labelName   
         //response.data向后台访问数据，.data表示数据的层级，看具体的接口文档，使用webstom有提示
      })
    }
  })
 }
}

       只是简单的理解，若有错误还望谅解指正！