Локальная функция vue.js не готова к работе

Следующий код работает нормально в jsfiddle, но в локальном хосте появляется готовая функция, которая не запускает огонь и не отображается. Как решить это?Локальная функция vue.js не готова к работе

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 находятся в том же каталоге.

источник

2016-11-15 ulima69

Можете ли вы поделиться ссылкой на скрипку и какую версию Vue вы используете локально. – Saurabh

Если вы используете VueJS 2, 'ready()' hook для жизненного цикла не будет работать, потому что он устарел. Вместо этого вы должны пойти с 'mount()' –

ready() is le passé, если вы на 2.x использовать mounted() функция вместо этого.

источник

2016-11-15 12:46:27 highFlyingDodo

Локальная функция vue.js не готова к работе

ответ

Смежные вопросы