VueRouter

Vue 后台模板 [Vue admin] SanJi Boot Admin Iview

项目中的页面使用Vue+webpack进行重写,前几天算是阶段性的完成了这个计划,后期会随着SanJiBoot的模块不断增多对其进行对应的升级与扩展简介:项目源码已托管到码云上使用技术：webpack+Vue+VueRouter
yangrd·2018-01-11 00:00

vue全家桶（vue2.x+vue-router+axios+webpack）项目搭建

参考博客文章博主FungLeo的Vue2+VueRouter2+Webpack+Axios构建项目实战2017重制版注：原博主写的非常详细本文章为根据原博主教程总结的自己的搭建流程一、安装node环境二
我在等风也等你啊·2018-01-09 23:14

使用Laravel & Vue的高级服务器端渲染:多页应用程序

现在我想要构建上一个教程，并演示如何使用VueRouter呈现包含多个页面的Vue应用程序，因为大多数Laravel项目都有多个页面。
cpongo333·2017-12-16 23:46

Vue2.0全家桶腾讯课堂（移动端）

手机浏览或切换浏览器移动调试源码地址：Github✨✨求你的小星星～动图预览描述前端部分SPA单页应用，webpackbuildtodist移动设备兼容：使用flexible.js和rem处理兼容问题VueRouter
舍一生浮名·2017-12-08 05:35

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（十）打包项目并发布到子目录

前情回顾通过上一章《Vue2+VueRouter2+Webpack+Axios构建项目实战2017重制版（九）再把内容页面渲染出来》的学习，我们其实已经完成了我们设想的项目的开发。
kchangfu·2017-12-02 22:04

vue router使用query和params传参的使用和区别

写在前面：传参是前端经常需要用的一个操作，很多场景都会需要用到上个页面的参数，本文将会详细介绍vuerouter是如何进行传参的，以及一些小细节问题。
OBKoro1·2017-11-13 17:04

vue-router菜鸟进阶！(嵌套路由VS命名路由)

要在嵌套的出口中渲染组件，需要在VueRouter的参数中使用children配置：/user/foo/user/foo/profile/user/foo/postsconstUser={template
AprilCC·2017-11-09 16:31

vue-router实现组件间的跳转（参数传递）

通过VueRouter来实现组件之间的跳转：参数的传递，具体内容如下login---用户名--->main①明确发送方和接收方②配置接收方的路由地址{path:'/myTest',component:TestComponent
匿名的girl·2017-11-07 10:33

Vue-Router来实现组件间跳转的三种方法

通过VueRouter来实现组件之间的跳转，供大家参考，具体内容如下提供了3种方式实现跳转：①直接修改地址栏中的路由地址{{msg}}vartestLogin=Vue.component("login"
匿名的girl·2017-11-07 10:41

Vue2+VueRouter2+Webpack+Axios构建项目实战2017重制版（一）基础知识概述

基础概念论述前后端分离开发模式在若干年以前，我们的web项目开发模式是如下的：1.设计师设计页面初稿2.前端工程师切成html+css+js的页面3.后端工程师拿到前端工程师的做好的页面，利用模板引擎或其他技术嵌套进后端代码中，实现项目开发。这种开发模式的缺点是，哪怕页面出现一点点小的改变，也需要前端人员和后端人员同时协调开发，并且后端人员不能把全部全部精力放在业务流程以及数据逻辑等方面，还必须和
water_v·2017-11-01 20:28

vue-cli之router基本使用方法详解

index.jsimportVuefrom'vue';importVueRouterfrom'vue-router';importgoodsfrom'@/components/goods/goods';Vue.use(VueRouter
昔有木如盖·2017-10-17 10:44

vue router demo详解

默认会被渲染成一个``标签-->GotoFooGotoBar//0.如果使用模块化机制编程，��入Vue和VueRouter，要调用Vue.use(VueRouter)//1.定义（路由）组件。
洪剑宏·2017-10-13 14:53

vue登陆

主要代码说明：main.jsimport Vue from 'vue'import VueRouter from 'vue-route
lang8027·2017-09-27 16:06

详解VueRouter进阶之导航钩子和路由元信息

导航钩子vue-router提供的导航钩子主要用来拦截导航，让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子：全局的,单个路由独享的,或者组件级的。全局钩子你可以使用router.beforeEach注册一个全局的before钩子：constrouter=newVueRouter({...})router.beforeEach((to,from,next)=>{//...})当一个导航触
Smallmotor·2017-09-13 10:05

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（十四）在项目中使用 jQuery

Vue2+VueRouter2+Webpack+Axios构建项目实战2017重制版（十四）在项目中使用jQuery前情回顾在上一篇博文中，我们讲到了，如何在vue项目中使用百度的UEditor富文本编辑器
FungLeo·2017-09-07 11:37

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（十三）集成 UEditor 百度富文本编辑器

Vue2+VueRouter2+Webpack+Axios构建项目实战2017重制版（十三）集成UEditor百度富文本编辑器前情回顾通过前面系统的学习，我相信大家都能够对vue项目有了一个基本的认知。
FungLeo·2017-09-06 15:21

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（十二）打包项目图片等资源的处理

Vue2+VueRouter2+Webpack+Axios构建项目实战2017重制版（十二）打包项目图片等资源的处理前情回顾在《Vue2+VueRouter2+Webpack+Axios构建项目实战2017
FungLeo·2017-09-02 10:57

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（十一）阶段性小结

Vue2+VueRouter2+Webpack+Axios构建项目实战2017重制版（十一）阶段性小结前情回顾去年写的那一套东西，虽然我也写得非常的认真，但是其中还是有点绕了。当时水平不行。
FungLeo·2017-08-26 19:48

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（十）打包项目并发布到子目录

Vue2+VueRouter2+Webpack+Axios构建项目实战2017重制版（十）打包项目并发布到子目录前情回顾通过上一章《Vue2+VueRouter2+Webpack+Axios构建项目实战
FungLeo·2017-08-26 19:54

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（八）渲染一个列表出来先

Vue2+VueRouter2+Webpack+Axios构建项目实战2017重制版（八）渲染一个列表出来先前情回顾在上一篇博文《Vue2+VueRouter2+Webpack+Axios构建项目实战2017
FungLeo·2017-08-26 17:53

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（七）初识 *.vue 文件

Vue2+VueRouter2+Webpack+Axios构建项目实战2017重制版（七）初识*.vue文件前情回顾在上一篇文章《Vue2+VueRouter2+Webpack+Axios构建项目实战2017
FungLeo·2017-08-26 16:00

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（六）将接口用 webpack 代理到本地

Vue2+VueRouter2+Webpack+Axios构建项目实战2017重制版（六）将接口用webpack代理到本地前情回顾在上一篇博文《Vue2+VueRouter2+Webpack+Axios
FungLeo·2017-08-26 15:41

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（三）认识项目所有文件

Vue2+VueRouter2+Webpack+Axios构建项目实战2017重制版（三）认识项目所有文件在《Vue2+VueRouter2+Webpack+Axios构建项目实战2017重制版（二）安装
FungLeo·2017-08-25 18:45

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（一）基础知识概述

Vue2+VueRouter2+Webpack+Axios构建项目实战2017重制版（一）基础知识概述前言2016年，我写了一系列的VUE入门教程，当时写这一系列博文的时候，我也只是一个菜鸟，甚至在写的过程中关闭了代码审查
FungLeo·2017-08-25 15:04

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（一）基础知识概述

Vue2+VueRouter2+Webpack+Axios构建项目实战2017重制版（一）基础知识概述前言2016年，我写了一系列的VUE入门教程，当时写这一系列博文的时候，我也只是一个菜鸟，甚至在写的过程中关闭了代码审查
FungLeo·2017-08-25 15:04

命名路由

默认会被渲染成一个``标签-->GotoFooGotoBar//0.如果使用模块化机制编程，導入Vue和VueRouter，要调用Vue.use(VueRouter)//1.定义（路由）组件。
鸭梨山大哎·2017-08-22 10:29

vuejs+vuerouter+element,一个非常简单的登录界面及跳转

阅读更多参考资料：elementhttp://element.eleme.io/#/zh-CN/component/installationvuerouterhttps://router.vuejs.org/zh-cn/vue构建单页面应用实战http://www.jb51.net/article/110796.htmlmain.jsimportVuefrom'vue';importAppfrom
只是随手瞎打·2017-08-13 22:00

webpack+vue+vueRouter模块化构建完整项目实例详细步骤-入门篇

新建项目开始（确认已经安装node环境和npm包管理工具）1、新建项目文件名为start_vuedemo2、npminit-y初始化项目，我的win7系统，工程在d盘的vue_test_project文件夹下的名为start_vuedemo的工程文件夹如图所示：在该工程下自动生成一个package.json文件。安装项目依赖3、npminstall--savevue默认安装最新版vue4、npmi
风雨后见彩虹·2017-08-08 00:00

使用 Vue 开发单页应用全攻略

使用Vue开发单页应用全攻略网上面有很多关于如何使用Vue开发单页应用的教程，从Vue-cli的使用到Vuerouter的配，也是非常的详细。
白色鹈鹕鸟·2017-08-04 13:55

Vue2+VueRouter2+webpack 构建项目实战（三）：配置路由，运行页面

制作.vue模板文件通过前面的两篇博文的学习，我们已经建立好了一个项目。问题是，我们还没有开始制作页面。下面，我们要来做页面了。我们还是利用http://cnodejs.org/api这里公开的api来做项目。不过本章节不涉及调用接口等内容。这里，我们假设我们的项目是做俩页面，一个列表页面，一个内容页面。列表页面有分页等，内容页面展示。因此，我们需要两个模板文件。我们在src/page目录下面新建
风雨后见彩虹·2017-08-01 00:00

Vue2+VueRouter2+webpack 构建项目实战（五）：配置子路由

前言通过前面几章的实战，我们已经顺利的构建项目，并且从API接口获取到数据并且渲染出来了。制作更多的页面，更复杂的应用，就是各位自己根据自己的项目去调整的事情了。本章讲一下如何配置子路由，因为我们的项目不可能只有一个页面，而是由众多页面构成的。新建子路由页面在第二节中，我们新建了一个src/frame/subroute.vue的子页面。当时是留空放在那里的。这里，我们给它填写上内容，代码如下：用户
风雨后见彩虹·2017-08-01 00:00

Vue2+VueRouter2+webpack 构建项目实战（四）：接通api，渲染列表

通过前面几篇教程，我们已经顺利搭建起来了，并且已经组建好路由了。本章节，我们需要做一个列表页面，然后利用获取http://cnodejs.org/api的公开API，渲染出来。我们打开src/page/index.vue文件，在这里写入下面的代码：cnodejsApiTestexportdefault{data(){return{lists:[{id:1,title:"testtitle1"},{
风雨后见彩虹·2017-08-01 00:00

Vue2+VueRouter2+webpack 构建项目实战（一）：准备工作

环境准备首先，要开始工作之前，还是需要把环境搭建好。需要的环境是nodejs+npm，当然现在安装node都自带了npm。在终端下面输入命令node-v会有版本号出来。就说明安装成功了。输入npm-v也会有版本号出来，就说明，npm也已经安装好了。vue-cil构建项目vue-cil是vue的脚手架工具。其模板可以通过vuejs-templates来查看。首先安装vue-cil，命令：$npmin
风雨后见彩虹·2017-07-31 00:00

Vue2+VueRouter2+webpack 构建项目实战（二）：目录以及文件结构

通过上一篇博文《Vue2+VueRouter2+webpack构建项目实战（一）：准备工作》,我们已经新建好了一个基于vue+webpack的项目。本篇文章详细介绍下项目的结构。
风雨后见彩虹·2017-07-31 00:00

详解vue.js+UEditor集成 [前后端分离项目]

虽然是后端的管理项目，但整体项目，是采用前后端分离的方式完成，这样做的目的也是产品化的需求；前端，vue+vuex+vuerouter+webpack+elementUI的方案完成框架的搭建，其中用到了
我不要做网红·2017-07-07 15:03

vue router2.0二级路由的简单使用

本文实例为大家分享了vuerouter2.0二级路由的具体代码，供大家参考，具体内容如下1、app.vue中2、router中index.js(路由的路径配置)importVuefrom'vue'importRouterfrom'vue-router'importHellofrom
Drox·2017-07-05 14:04

在vue-cli脚手架中配置一个vue-router前端路由

分享出来供打击参考学习，下面来一起看看详细的介绍：首先你需要一个main.js文件//然后引入vue-routerimportVueRouterfrom'vue-router';//使用路由Vue.use(VueRouter
righten_Sun·2017-07-03 12:51

基于win7在GIT中设置VUE1.0开发环境

现在刚初学几天，大概理解到在使用vue-vuerouter-webpack时一定要注意版本保持一致，可通过修改项目中的package.json文件，重新安装
二进制卤蛋·2017-06-28 10:34

vue2.0笔记

1.路由配置不用router下的index.js文件，直接在main.js里定义，路由import进importVueRouterfrom'vue-router'再用Vue.use(VueRouter)
一梦两三年丶·2017-06-23 18:35

vue router路由嵌套不显示问题的解决方法

vuerouter路由嵌套不显示问题的解决方法，具体内容如下路由嵌套，vue2.0router中嵌套路由不成功，如何解决？
huanglei-·2017-06-17 16:01

详解vue+vueRouter+webpack的简单实例

最近vue更新的2.0版本，唉，我是在2.0版本前学习的，现在更新了又要看一遍了，关键是我之前看了3个星期2.0就更新了，vux还没同步更新，导致我用vux时要将vue的版本降回1.x，vue-router也要降回1.0才能使用~~~所以今天就写一个单页的下方tabbar的实例来记录一下吧，也希望各位在用vue全家桶时少点坑吧，当然不是用vux==…只是仿造而已这里的demo我会使用vue2.0的
yolo0927·2017-06-17 16:05

自定义vue全局组件use使用、vuex的使用详解

自定义vue全局组件use使用(解释vue.use()的原理)我们在前面学习到是用别人的组件：Vue.use(VueRouter)、Vue.use(Mint)等等。
夏至未至~·2017-06-14 17:13

vue成长之路+实战+Vue2+VueRouter2+webpack（二）vue组件入门第一节

推荐我的vue教程：VUE系列教程目录上篇讲解了vue-router路由入门，现在讲讲关于vue组件的内容。如果你们有使用过element组件的话，他就是以vue组件的形式进行封装的，在讲解组件之前我们需要知道vue是数据驱动的，它的一切依赖于数据，我们应该根据数据的不同来进行相关的处理，在这一前提下才能形成vue框架的思考模式。在了解这一模式的前提下我们来看看vue组件是个什么东西。什么是VUE
言墨儿·2017-05-25 18:09

详解vue嵌套路由-query传递参数

query或者paramsindex.htmlmain.js同样通过重定向来显示父路由importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter
安静的对折·2017-05-23 09:51

vue成长之路+实战+Vue2+VueRouter2+webpack（一）vue-router路由入门

推荐我的vue教程：VUE系列教程目录前言通过前面我写的VUE入门博客，相信已经大概了解VUE是何物，但是对于细节性的问题我们还是有些忽略，有很多网友希望我能继续写相关博客，但是由于工作繁忙原因一直无空去写，终于得空于是协知识归来。2017年一定是VUE火热的一年，引得无数人飞蛾扑火，对于前端大神来说轻松入手，对于刚刚接触这一行的同学来说，vue的官方文档还是太过与欠缺信息，如此我决定带你们去踩坑
言墨儿·2017-05-18 12:45

Vue2+VueRouter2+webpack+Axios 构建项目实战（七）重构API文件为使用axios

Vue2+VueRouter2+webpack+Axios构建项目实战（七）重构API文件为使用axios2017年8月补充2016年，我写了一系列的VUE入门教程，当时写这一系列博文的时候，我也只是一个菜鸟
FungLeo·2017-05-10 17:15

Vue.js全家桶高还原网易云音乐(Windows PC版)

端所以请在电脑端访问源码地址项目预览（评论和歌单详情api都封了我的ip暂时无法使用这两个功能了）项目描述前端部分实现了滑块、弹出层、歌词、分页、轮播等组件所有组件皆独立完成使用了Vue.js做单页应用使用了VueRouter
reus_js·2017-05-04 00:00

vue嵌套路由-query传递参数（三）

query或者paramsindex.htmlmain.js同样通过重定向来显示父路由importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter
安静的对折·2017-04-17 18:29

vue嵌套路由（二）

因此我们需要在VueRouter的参数中使用children配置，这样就可以很好的实现路由嵌套。
安静的对折·2017-04-17 17:50

vue2全家桶（vue vuex vueRouter axios vee-validate element-ui）学习心（shen）得（keng）

一、直接引入`importvuefrom'vue'`报vue－warn错误//如果直接使用importVuefrom'vue'会对应引入dist/vue.runtime.common.js//因为package.jsonmain对应dist/vue.runtime.common.js解决办法是`importvuefrom'vue/dist/vue.runtime.common.js'`或者webp
代小代isDelenDelen·2017-04-15 22:19
上一页 34 35 36 37 38 39 40 41 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他