Laravel 拉雷维尔内部的VueJS，can'；使用道具传递数据

这是代码（非常简单）

---

prop

名称应为

faIcon

（camelCased）

此外，如果如下所示，最好为

faIcon

使用默认值，而不是内联值：

  props: {
    faIcon: {
      type: String,
      default: 'fa-star-o'
    }
  },

---

我将

fa图标

更改为

faIcon

无处不在（6次出现），但仍然不起作用。我刚读了你的链接，现在它起作用了。我将编辑问题以包含正确的语法。

<div class="container" id="vueApp">
  <div class="content">
    <div class="title animated flipInX">BIG TITLE</div>
    <p><strong>Some subtitle</strong></p>
    <custom-button fa-icon="fa-home"></custom-button>
    <custom-button fa-icon="fa-envelope"></custom-button>
    <custom-button fa-icon="fa-info"></custom-button>
  </div>
</div>

<template id="btn-template">
    <span class="btn fa @{{ faIcon }} font-size-40"></span>
</template>

<script src="http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.14/vue.min.js"></script>

<script>
  Vue.component('custom-button', {
      template: '#btn-template',

      props: {
          faIcon: {
              type: String,
              default: 'fa-star-o'
          }
      }
  });
</script>

  props: {
    faIcon: {
      type: String,
      default: 'fa-star-o'
    }
  },