如何通过spfx vue js上的rest api从站点页面值获取托管元数据字段

通过SPFx Vue.js上的REST API从站点页面值获取托管元数据字段，可以按照以下步骤进行操作：

1. 首先，确保已经安装并配置好了SPFx开发环境，并创建了一个SPFx Vue.js项目。
2. 在Vue.js组件中，使用axios或其他HTTP请求库发送REST API请求。可以使用以下代码示例：

import axios from 'axios';

export default {
  data() {
    return {
      metadataValue: ''
    };
  },
  mounted() {
    this.getMetadataValue();
  },
  methods: {
    async getMetadataValue() {
      try {
        const response = await axios.get(`${this.context.pageContext.web.absoluteUrl}/_api/web/getFileByServerRelativeUrl('${this.context.pageContext.listItem.serverRelativeUrl}')/ListItemAllFields`);
        this.metadataValue = response.data['YourMetadataFieldInternalName'];
      } catch (error) {
        console.log(error);
      }
    }
  }
};

1. 在上述代码中，${this.context.pageContext.web.absoluteUrl}表示当前网站的绝对URL，${this.context.pageContext.listItem.serverRelativeUrl}表示当前页面的相对URL。
2. getMetadataValue方法发送了一个GET请求到/_api/web/getFileByServerRelativeUrl接口，并指定了当前页面的相对URL。通过ListItemAllFields参数，可以获取到当前页面的所有字段值。
3. 将YourMetadataFieldInternalName替换为你要获取的托管元数据字段的内部名称。
4. 在Vue.js组件中，可以使用metadataValue属性来获取到托管元数据字段的值。

这是一个基本的示例，具体的实现可能会根据你的具体需求和环境而有所不同。关于SPFx和Vue.js的更多信息，可以参考腾讯云的相关文档和教程：

• SPFx 官方文档
• Vue.js 官方文档
• 腾讯云云计算产品