Question

以下代码在jsfiddle中运行正常，但在localhost中，ready函数不会触发，并且不会显示ol itens。怎么解决这个问题？

的index.html

<body>
  <h3>Notícias</h3>
  <div id="app">
    <ol>
      <li v-for="noticia in noticias">
        <span>{{ noticia.id }}</span>
        <span>{{ noticia.titulo }}</span>
        <span>{{ noticia.data_inicio }}</span>
      </li>
    </ol>
  </div>
  <script src="https://unpkg.com/vue/dist/vue.js"></script>
  <script src="app.js"></script>
</body>

app.js

var noticias = [
  {
    "id": 1,
    "titulo": "Lorem ipsum",
    "conteudo": "Lorem ipsum sit dolor amet",
    "data_inicio": "1990-12-06",
    "data_fim": "1990-12-07",
  },
  {
    "id": 2,
    "titulo": "Lorem ipsum sit",
    "conteudo": "Lorem ipsum sit dolor amet",
    "data_inicio": "1998-12-06",
    "data_fim": "1998-12-10",
  }
];

var app = new Vue({
    el: '#app',

    data: {
      noticias: []
    },

    ready: function() {
      this.$set('noticias', noticias);
    },

});

index.html和app.js位于同一目录中。

Answer 1

如果您使用ready()使用2.x功能，则

mounted()即可通过。

本地vue.js不会激活就绪功能

1 个答案: