vue 父组件created通过接口获取一个值传给子组件，在子组件中的mounted获取不到

这个问题可能是由于父组件的created和子组件的mounted的执行顺序导致的。父组件的created是在子组件的mounted之前执行的，所以当子组件的mounted函数执行时，父组件可能还没有完成数据的获取和传递。

为了解决这个问题，你可以尝试把父组件中获取数据的逻辑移到beforeMount钩子函数中，这个钩子函数会在子组件的mounted之前执行，这样就可以保证子组件能够获取到父组件传递过来的数据了。

另外，你也可以使用props来传递数据给子组件，这样就不用担心父子组件之间的生命周期函数执行顺序了。

相关问题

vue 父组件created通过接口获取一个值传给子组件，在子组件中props获取数据，mounted使用时获取不到

如果你在父组件的`created`钩子函数中通过接口获取数据，那么在子组件的`mounted`钩子函数中可能还无法获取到这个数据，因为在父组件中获取数据的过程可能需要一些时间，而子组件的`mounted`钩子函数是在父组件的`created`钩子函数之后才执行的。

为了解决这个问题，你可以在子组件中使用`watch`来监听`props`的变化，然后在`props`变化时再执行一些逻辑。具体来说，可以在子组件中添加如下代码：

<template>
  <div>{{ message }}</div>
</template>

<script>
export default {
  props: {
    message: {
      type: String,
      required: true
    }
  },
  watch: {
    message(newValue) {
      // 在这里可以执行一些逻辑
      console.log(newValue);
    }
  },
  mounted() {
    // 在这里也可以执行一些逻辑
    console.log(this.message);
  }
}
</script>

这样，当父组件中获取到数据并将其传递给子组件后，子组件中的`watch`函数就会被触发，然后你就可以在这个函数中执行一些逻辑。同时，在子组件的`mounted`钩子函数中也可以访问到这个数据了。

vue 后端接口返回的js代码怎么放到vue文件中

如果你想将后端接口返回的 JavaScript 代码放到 Vue 文件中，可以使用 Vue.js 的计算属性和生命周期函数来实现。

首先，在 Vue 组件中定义一个计算属性，该属性将从后端接口获取 JavaScript 代码。例如：

<script>
export default {
  data() {
    return {
      jsCode: ''
    }
  },
  computed: {
    fetchJS() {
      fetch('http://your-backend-api.com/your-js-endpoint')
        .then(response => response.text())
        .then(data => this.jsCode = data)
    }
  },
  created() {
    this.fetchJS()
  }
}
</script>

然后，你可以在 Vue 组件的生命周期函数中执行获取的 JavaScript 代码。例如：

<script>
export default {
  data() {
    return {
      jsCode: ''
    }
  },
  computed: {
    fetchJS() {
      fetch('http://your-backend-api.com/your-js-endpoint')
        .then(response => response.text())
        .then(data => this.jsCode = data)
    }
  },
  created() {
    this.fetchJS()
  },
  mounted() {
    const script = document.createElement('script')
    script.type = 'text/javascript'
    script.innerHTML = this.jsCode
    document.head.appendChild(script)
  }
}
</script>

在这个例子中，我们将获取的 JavaScript 代码插入到了页面中。你也可以在其他地方执行它，例如在计算属性中返回一个函数，或者使用 eval() 函数执行它。但是请注意，使用 eval() 函数可能存在安全风险，因此不建议在生产环境中使用。