Javascript Vue.js-在不使用构建工具的情况下预编译

Javascript Vue.js-在不使用构建工具的情况下预编译,javascript,vue.js,vuejs2,Javascript,Vue.js,Vuejs2,我正在为我的PHP+js应用程序使用Vue.js框架,并使用Vue的完整构建。i、 e.通过脚本标记直接包括Vue,无需构建工具 现在我的问题是如何在没有任何构建工具(Webpack、Browserify)的情况下预编译模板 提前谢谢好吧,这是个奇怪的问题。我想你说的是编译字符串模板 显然,如果没有任何专用的构建工具,就无法预编译模板 至少有两种解决方案可以在不使用生成引擎的情况下使用Vue,但它们都不包括字符串模板的预编译: 使用Vue的完整版本(包括编译器),它可以在执行过程中动态编译字符串

我正在为我的PHP+js应用程序使用Vue.js框架,并使用Vue的完整构建。i、 e.通过脚本标记直接包括Vue,无需构建工具

现在我的问题是如何在没有任何构建工具(Webpack、Browserify)的情况下预编译模板


提前谢谢

好吧,这是个奇怪的问题。我想你说的是编译字符串模板

显然,如果没有任何专用的构建工具,就无法预编译模板

至少有两种解决方案可以在不使用生成引擎的情况下使用Vue,但它们都不包括字符串模板的预编译:

  • 使用Vue的完整版本(包括编译器),它可以在执行过程中动态编译字符串模板。对于中小型应用程序来说,它实际上是非常轻量级的,而且(几乎)在性能方面不引人注目。如果您不想使用任何commonJS模块,并且只在脚本标记中使用它,那么可以使用UMD构建。可在以下位置获取:

  • 您可以直接使用渲染函数而不是模板,因此无需编译任何内容。见:

    • 首先将Node.js的Vue cli安装为全局
    • 然后可以使用此命令将*.vue文件编译为*.js
    • 可以在浏览器中使用
    
    vue cli构建--prod--lib Hello.vue-w
    

    (作者:此处作者)

    ,它适用于Vue2和Vue3,允许您直接从浏览器加载
    .vue
    文件,而无需任何生成步骤