Question

我开始学习Vue.js.我从示例中获取了一些示例代码，但其模板位于HTML文件中。我想将我的app.js作为模板放入，就像他们在我观看的视频教程中看到的那样。但是当我这样做时，我的编辑器向我显示错误，而且我的控制台也发出错误。这是我的代码：

＆＃13;

var app = new Vue({
    el: "#app",
    data: {
        ...
    },
    filters: {
        ...
    },
    methods: {
        ...
    },
    template: '
      <div>
      
        <h1 class="main">Sunrise Vitamins</h1>
        
        <ul class="vitamins">
          <li class="vitamin_type" v-for="vitamin in vitamins" v-on:click="toggleActive(vitamin)" v-bind:class="{ 'active' : vitamin.active }">
            
            <span>{{vitamin.name}}</span> <span>{{vitamins.price | currency}}</span>
          
            </li>
        </ul>
        
        <p class="total">
          <span>Total:</span> <span>{{total() | currency}}</span>
        </p>
    
      </div>
    '
});

＆＃13;

Answer 1

你使用的是错误的符号，它不是'作为撇号，它是'位于键盘左上角1和esc，如果你在Mac上。对不起，不知道它叫什么。它不仅适用于Vue，它还具有ES6功能。我建议您检查一下以及ECMAScript 2015中引入的其他功能：

https://babeljs.io/learn-es2015/#template-strings

符号＆＃39;在Vue.js中不适用于我的模板

1 个答案: