• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 众包
  • 赞助商
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
 






Apollo

 
 

Powered by 博客园
| | 新随笔 | | | 管理

文章分类 -  Vue

1 2 下一页

 
vue中用户未登录跳转到登录页,登录后返回将要去的页面或者之前的页面
摘要:1.全局拦截 2.类目初始化接口 3.这样在登录页就拿到了上个页面的location.hostname了。然后在登录页判断一下 阅读全文
posted @ 2018-12-24 09:54 阿波罗Apollo 阅读(3751) 评论(0) 推荐(0)
极验geetest滑动验证前端
摘要:下面是登录组件的一个完整应用,前几步就按照操作弄就可以。后面主要部分应用在login组件上。 示例代码如下: 阅读全文
posted @ 2018-12-19 19:22 阿波罗Apollo 阅读(1848) 评论(0) 推荐(0)
Vue编程式导航 路由跳转 (摘自项目)
摘要:下面代码摘录商城项目 功能:客户点击首页"登录",跳转到登录页面,引导客户登录。 实操: 1. 现在登录的html标签绑定事件 2. 写事件具体操作 阅读全文
posted @ 2018-12-19 11:21 阿波罗Apollo 阅读(770) 评论(0) 推荐(0)
Vue父子组件传值
摘要:父子组件通信 小米8" imgsrc="../img/01.jpg"> 红米6" imgsrc="../img/02.jpg"> {{ message }} 阅读全文
posted @ 2018-12-04 09:08 阿波罗Apollo 阅读(86) 评论(0) 推荐(0)
Vue多层组件之间通讯(父子组件)
摘要:效果图: 阅读全文
posted @ 2018-12-04 09:06 阿波罗Apollo 阅读(1257) 评论(0) 推荐(0)
单页面应用的作用
摘要:1.防止白屏现象,提升用户处理 2.防爬虫 后端 ==> 业务逻辑+安全 阅读全文
posted @ 2018-12-03 10:04 阿波罗Apollo 阅读(143) 评论(0) 推荐(0)
Vue导航钩子,实现功能登录后才能访问
摘要:功能:实现功能登录后才能访问,提供两种方案,建议使用方案2. 方案1: 前台html代码没啥重点,就是一个架子 重点看js代码中的router.beforeEach 方案2:推荐使用 JavaScript代码: 阅读全文
posted @ 2018-12-01 11:41 阿波罗Apollo 阅读(301) 评论(1) 推荐(0)
Vue手动访问和传参
摘要:html代码 js代码: 阅读全文
posted @ 2018-12-01 10:06 阿波罗Apollo 阅读(404) 评论(0) 推荐(0)
Vue子路由
摘要:目录结构: 演示效果: HTML代码: JAVASCRIPT代码: 阅读全文
posted @ 2018-12-01 09:50 阿波罗Apollo 阅读(263) 评论(0) 推荐(0)
Vue动态传参及获取传参 params和query用法
摘要:目录结构: 结果图片: HTML代码: JS代码: 阅读全文
posted @ 2018-12-01 09:27 阿波罗Apollo 阅读(1523) 评论(0) 推荐(0)
Vue安装和基本配置
摘要:目录结构: index.html文件内容 app.js文件 阅读全文
posted @ 2018-12-01 09:03 阿波罗Apollo 阅读(633) 评论(0) 推荐(0)
Vue2.0 搭建Vue脚手架(vue-cli)安装与配置
摘要:介绍 Vue.js是一套构建用户界面的渐进式框架。Vue 只关注视图层,采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 阅读之前需要了解的知识 htnl css javascript node.js环境(npm包管理工具) webpack打 阅读全文
posted @ 2018-11-29 22:47 阿波罗Apollo 阅读(362) 评论(0) 推荐(0)
vue错误: You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use /* eslint-disable */ to ignore all warnings in a file.
摘要:在build/webpack.base.conf.js文件中,注释或者删除掉:module->rules中有关eslint的规则 阅读全文
posted @ 2018-11-29 22:42 阿波罗Apollo 阅读(217) 评论(0) 推荐(0)
Vue的计算属性(computed properties)
摘要:一、起因?虽然在模板中绑定表达式是非常便利的,但是它们实际上只用于简单的操作.在模板中放入太多的逻辑会让模板过重且难以维护.比如: 这样,模板不再简单和清晰.在实现反向显示message之前,你应该通过一个函数确认它.所以,Vue.js提供了计算属性来让我们去处理实例中的复杂逻辑.计算属性(comp 阅读全文
posted @ 2018-11-29 15:08 阿波罗Apollo 阅读(205) 评论(0) 推荐(0)
Vue重定向和别名
摘要:重定向 重定向(Redirect)就是通过各种方法将各种网络请求重新定个方向转到其它位置,用于网站调整或网页被移到一个新地址,它也是通过 routes 配置来完成,下面例子是从 /a 重定向到 /b: 别名 /a 的别名是 /b,意味着,当用户访问 /b 时,URL 会保持为 /b,但是路由匹配则为 阅读全文
posted @ 2018-11-29 14:27 阿波罗Apollo 阅读(275) 评论(0) 推荐(0)
Vue命名视图
摘要:有时候想同时(同级)展示多个视图,而不是嵌套展示,例如创建一个布局,有 sidebar(侧导航) 和 main(主内容) 两个视图,这个时候命名视图就派上用场了。你可以在界面中拥有多个单独命名的视图,而不是只有一个单独的出口。如果 router-view 没有设置名字,那么默认为 default。 阅读全文
posted @ 2018-11-29 14:26 阿波罗Apollo 阅读(228) 评论(0) 推荐(0)
Vue命名路由
摘要:有时我们通过一个名称来标识一个路由显得更方便一些,特别是在链接一个路由,或者是执行一些跳转的时候.你可以在创建 Router 实例的时候,在 routes 配置中给某个路由设置名称.我们直接在路由下添加一个 name 即可. 要链接到一个命名路由,可以给 router-link 的 to 属性传一个 阅读全文
posted @ 2018-11-29 14:23 阿波罗Apollo 阅读(160) 评论(0) 推荐(0)
Vue编程式导航
摘要:除了使用 <router-link> 创建 a 标签来定义导航链接,我们还可以借助 router 的实例方法,通过编写代码来实现。router.push(location) 想要导航到不同的 URL,则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录,所以,当用户 阅读全文
posted @ 2018-11-29 14:20 阿波罗Apollo 阅读(521) 评论(0) 推荐(0)
基于Vue的学生信息录入系统(含增删功能)
摘要:阿波罗学生信息录入系统 姓名 年龄 性别 ... 阅读全文
posted @ 2018-11-28 21:33 阿波罗Apollo 阅读(1565) 评论(0) 推荐(0)
Vue常用指令v-on
摘要:动态地绑定一个或多个特性,或一个组件 prop 到表达式;其作用和v-bind类似。注意:如果用在普通元素上时,只能监听 原生 DOM 事件;但是如果用在自定义元素组件上时,也可以监听子组件触发的自定义事件。常用的修饰符包括:.stop - 调用 event.stopPropagation();停止 阅读全文
posted @ 2018-11-28 20:49 阿波罗Apollo 阅读(283) 评论(0) 推荐(0)
 

1 2 下一页