如果是jsp、asp就用相应的方法。
如果是html，你这数据应该是ajax获取的吧，获取后用js或者jquery直接改就行了呀，比如$('target')html(arrname)。如果数据多的话或者需要前端做列表之类的建议你用个前端模板，比如handlebarsjs
data()中，你定义了itemsList:[],也就是空的数组
template中，你又使用了itemsList[0]，这个时候itemsList[0]=undefined，自然就报错了
注意，是先进行页面渲染再ajax异步获取数据，也就是数据还没到就会渲染一次，数据到了再渲染一次，第一次渲染你就报错了。
Vue中computed就是 实时计算 使用。
Vue检测到数据发生变动时就会执行对相应数据有引用的函数。
下面是一个demo。引用自己的vuejs就可以看效果。
利用computed可以做一些监控之类的效果。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta >
Vue中computed就是实时计算使用。Vue检测到数据发生变动时就会执行对相应数据有引用的函数。
下面是一个demo。引用自己的vuejs就可以看效果。利用computed可以做一些监控之类的效果。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta >
Vuejs 不是一个框架，它只是一个提供 MVVM 风格的双向数据绑定的库，专注于 UI 层面。Vuejs
提供的核心是 MVVM 中的 VM，也就是 ViewModel。ViewModel 负责连接 View 和
Model，保证视图和数据的一致性。如果你用过 AngularJS，你会发现 Vuejs 同时还借鉴了 Angular 的 directive
和 filter 的概念，但是 API
要简单易懂得多，整体也轻巧得多。在组件化这一点上，Vuejs 和 facebook 的 Reactjs
更为接近，可以定义可复用和嵌套的组件类，并且可以在模板中声明式地使用组件。
Vuejs 的最大特点就是上手简单：你不需要理解 Angular 的依赖注入是什么东东、$digest 和 $apply, preLink 和
postLink 有什么区别，也不需要像 React 那样编译 JSX，更不需要像 Knockout 那样把所有的属性都变成函数… 在
Vuejs 的定义中，View 就是用户实际看到的 DOM 元素，而 Model 就是原生的JavaScript
对象。作为开发者，真正需要关注的只有 ViewModel，也就是 Vuejs 所提供的 Vue 构建函数
以上就是关于数据如何渲染到页面 var arr={name:'小明',age:'18',city:'广州',sister:[{name:'小黑'},{name:'小白'}]}全部的内容，包括:数据如何渲染到页面 var arr={name:'小明',age:'18',city:'广州',sister:[{name:'小黑'},{name:'小白'}]}、vue中，我从后台取出数据渲染vue组件，我数据渲染出来了，但是页面有报错，是什么原因、vue中ajax获取数据渲染页面，为什么filter不起作用等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）