Vuejs2 将html中的变量注入vue.js的最佳实践？

我有一个vue.js应用程序在php生成的页面中运行。 vue应用程序部署为静态js/css文件。带有相应

的html文件由php生成。通过html将Within php中的变量注入vue的最佳实践是什么

我可以考虑将它们作为数据属性绑定到一些html元素（这将是一个相当肮脏的攻击），或者通过生成一个

段来保存我的变量——在这种情况下，我不确定变量的作用域。变量的作用域和正确的声明

谢谢

编辑：我要注入的数据是vue发起的ajax请求的基本url和凭据，因此我无法通过ajax获取这些数据。

Szia Zsolt

有几种方法可以做到这一点，但我的方法是在导出之前将Vue组件/应用程序包装到自定义函数中

看起来像这样

import MyApp from './MyApp.vue';

export const mountApp = (el, props) =>
  new window.Vue({
    el,
    render: h => h(MyApp, {props}),
  });

这允许您定义这样的组件/应用程序

import MyApp from './MyApp.vue';

export const mountApp = (el, props) =>
  new window.Vue({
    el,
    render: h => h(MyApp, {props}),
  });

mountApp（“#app”{
api:“/api”//