javascript - Vue.js 怎么能像 Angular.js 那样配置 templateUrl 呢？

Question

我喜欢 Vue.js 的简单性，但我不想用 browserify 或 webpack 使它复杂化。我更喜欢 Angular 中的 templateUrl 之类的东西，因此我可以直接使用 Nginx 提供部分页面(通常是组件)。我怎么能设置这个？官方不建议，很难在那里获得帮助。

Answer 1

据我所知，Vue 没有为此专门内置任何内容，但您可以使用 async components如果你愿意，可以伪造它。

Vue.component('example', function (resolve, reject) {
  $.get('templates/example.html').done(function (template) {
    resolve({
      template: template
    })
  });
});

您也可以在 HTML 中执行类似的操作。

<div id="app"></div>

<template id="example">
  <div>
    <h1>{{ message }}</h1>
  </div>
</template>

然后你可以这样做:

new Vue({
  el: '#app',
  components: {
    example: {
      template: '#example',
      data: function () {
        return {
          message: 'Yo'
        }
      }
    }
  }
});

不过，我认为花时间熟悉 browserify 或 webpack 是非常值得的投资。特别是因为您可以使用 vueify .