![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue-router
djinzhong
这个作者很懒,什么都没留下…
展开
-
vue-routes 配置
官方文档给的东西还是不够详细,这里给出自己开发中遇到的实例供大家参考。首先当然是安装这里只给出 npm 方式安装npm install vue-router如果在一个模块化工程中使用它,必须要通过 Vue.use() 明确地安装路由功能:1.找到文件的入口 js 文件,通常是 src 目录下的 main.js import Vue from 'vue'import V...原创 2018-08-15 16:11:57 · 6587 阅读 · 0 评论 -
vue 实现路由跳转
1.前一节已经安装了vue-router(npm install vue-router --save),现在就来使用一下1)先在App.vue组件中配置路由出口<template> <div id="app"> <div class="container"> <app-header></app-header&a原创 2018-10-31 11:50:32 · 1767 阅读 · 0 评论 -
学习 vue 一篇demo就足够了
项目githu地址项目介绍与简单讲解1.vue安装与如何引入组件2.vue 实现路由跳转3.vuex实现简单的赠删改功能4.父子组件的相互通信5.问卷调查的路由传值与父子组件通信未完待续。。。项目截图1.1.优惠券主页1.2.优惠券新增与修改页面2.1.问卷管理主页2.2问卷新增与修改页面2.3问卷详情页面...原创 2018-11-02 16:39:56 · 356 阅读 · 0 评论 -
问卷调查的路由传值与父子组件通信
上一节已经完成了问卷的添加与删除,现在只需要小小的改动就能实现一个修改功能。1.进入修改页面和直接添加用的是同一个组件,但是进去修改页面需要把要修改的位置通过路由传值。this.$router.push({path: '/questionnaire/handle', query: {index: row}});而不要传值的直接进入添加页面则只需要 @click="$router...原创 2018-11-02 15:37:56 · 221 阅读 · 0 评论