gpt4 book ai didi

javascript - 本地 vue.js 不触发 Ready 函数

转载 作者:行者123 更新时间:2023-12-03 05:39:18 25 4
gpt4 key购买 nike

以下代码在 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 位于同一目录中。

最佳答案

ready() 已经过时了,如果您使用 2.x,请改用 mounted() 函数。

关于javascript - 本地 vue.js 不触发 Ready 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40607241/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com