
vue
文章平均质量分 59
luoyu6
个人生活和学习笔记
展开
-
v-for循环遍历:vue-商品列表查询数据分类显示,json数据格式的解析
以饿了么来举例吧,我们要显示下图画线框里面的食物信息,数据是遍历json数据出来的,json数据在呢?结构是酱紫的数组里面放了多个对象。对象里面放了数组的同时又放了若干对象,我们要实现上图的效果(将套餐类,特色鸡公煲套餐分类显示),就要把foods这个数组里面的name,description,tips显示出来怎么做呢?首先要用v-for得到goods.json里的每个对象,把...原创 2018-04-26 21:08:15 · 17623 阅读 · 3 评论 -
vue之router-view组件的使用
开发的时候有时候会遇到一种情况,比如 :点击这个链接跳转到其他组件的情况,通常会跳转到新的页面,蛋是,我们不想跳转到新页面,只在当前页面切换着显示,那么就要涉及到路由的嵌套了,也可以说是子路由的使用。 以饿了么订餐的情景来说吧,在同个页面,切换显示不同组件的相应内容,同时地址栏的地址是会变的怎么实现它呢?首先 我们在导航组件navbar.vue中写了三个导航链接,他们对应地址分...原创 2018-04-26 19:01:08 · 324449 阅读 · 31 评论 -
vue之vue-router(路由)的使用
vue学习笔记——vue-router(路由) 使用路由的时候有两个必要的知识:<router-link></router-link>:这个相当于a标签,点击的切换时候的按钮,<router-view></router-view>:这个就是你加载过来的组件放的位置使用方法:1、cnpm install vue-router --save...原创 2018-10-23 14:59:04 · 444 阅读 · 0 评论 -
router-view 的理解
主要是构建 SPA (单页应用) 时,方便渲染你指定路由对应的组件。你可以 router-view 当做是一个容器,它渲染的组件是你使用 vue-router 指定的。比如:视图层:<div id="app"> <router-view></router-view></div>路由定义:router.map({ '/f...转载 2018-10-23 15:24:41 · 21852 阅读 · 0 评论