在尝试使用Vue.js构建一个简单的数据绑定示例时，遇到运行时错误`item.name`未定义。代码中定义了一个包含多个对象的list数组，并尝试在模板中显示`name`和`age`属性。问题可能源于模板语法错误或者数据绑定不正确。解决方案可能包括检查模板语法，确保`item`对象在渲染时已经被正确赋值。
html:
Examples- 姓名：{{item.name}} 年龄：{{item.age}}
app.js:
(function(Vue){
var list = [
{name: 'tao', age:33 },
{name: 'lili', age:21 },
{name: 'wang', age:28 },
{name: '小明', age:44 },
{name: '亚涛', age:58 }
]
Vue.extend({
template: document.getElementById("listTmpl").innerHTML,
data: function() {
return {
list: list
}
}
})
new Vue({
el: '#app'
});
})(Vue);
具体页面见附件，这代码思路是按照我在网上找的视频写的，运行报 item, name 未定义，奇怪网上都可以，我这只是写一个最简单的例子，肯定只涉及到路由，所以要按template 组件写，上面那样写类似 于 模板引擎 ，请各位大神帮我解决一下吧，非常感谢！！
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
