![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 65
惊起谪仙春梦
=========
展开
-
注册功能axios 与后台接口的对接
axios 与后台接口的对接 用的是前端框架vue,贴一段页面代码 <table > <tr> <td >手机号:</td> <td ><input type="text" name="phone" v-model="phone" placehold原创 2018-10-15 10:13:24 · 1298 阅读 · 1 评论 -
从零开始用vue+webpack+vuex实现一个发布查询信息类网站,(2)引入vuex,axios等
引入到项目中的所需插件及其他 总结了项目中需要用到的然后一次性引入, 1)iview ui插件, 地址:https://www.iviewui.com/ 引入 cnpm install iview --save-dev main.js 中配置 import iView from ‘iview’; import ‘iview/dist/styles/iview.css’; Vue.use(iView...原创 2018-11-15 11:19:04 · 258 阅读 · 0 评论 -
从零开始用vue+webpack+vuex实现一个发布查询信息类网站,(1)创建项目
重构了自己写的第一版的项目之后的总结 从零开始做一个vue项目。 第一步,环境搭建 1)node.js的安装 首先下载好node,https://nodejs.org/zh-cn/, vue需要借助node的npm安装各种依赖 下载之后安装node.js,由于没有 看文档之类的遇到了俩坑,需要注意的 第一点: 我们要先配置npm的全局模块的存放路径以及cache的路径,例如我希望将以上两个文件夹放......原创 2018-11-13 17:15:12 · 369 阅读 · 0 评论 -
vuex存储和本地存储(localstorage、sessionstorage)的区别
vuex存储和本地存储(localstorage、sessionstorage)的区别 sessionStorage sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后,数据会被删除。 用法: 储存: 1. 点(.)运算符 sessionStorage.lastname = ‘JSAnntQ’; 2...转载 2018-11-06 17:43:44 · 501 阅读 · 0 评论 -
vuex结合sessioStorage存储用户信息
登录状态保存 应用场景,一般用户登录之后会从登录注册变成欢迎你,用户名这里用个v-if就可以了,不说这个,这个用sessionStorage可以存储,如果不用vuex的话直接在登录组件中点击登录方法之后 sessionStorage.setItem(“user”, “res.data.user”); 在需要使用的地方sessionStorage.getItem(“lastname”);就可以了, ...原创 2018-11-06 17:41:26 · 1701 阅读 · 0 评论 -
同一路由刷新
改变id来达到刷新路由的目的 使用场景:我是需要做一个点击列表菜单的时候刷新一个组件的数据,但是router他是不会因为改变了一个传过去的数据而重新刷新的,只有改变路径才会刷新,所以使用了一个简答粗暴的方法 <router-view :key="activeDate"></router-view> 在这里加了一个key ,key的值发生变化时候router会重新加载 然后在...原创 2018-10-30 16:36:00 · 429 阅读 · 0 评论 -
mock.js的使用
mock.js拦截请求,响应数据 Mock.js 是一款前端开发中拦截Ajax请求再生成随机数据响应的工具.可以用来模拟服务器响应. 优点是非常简单方便, 无侵入性, 基本覆盖常用的接口数据类型,而且听说开发前期不用背锅 记录下使用的过程以及响应模板 我的项目是vuecli搭起的,webpack 项目管理,只是用到了mock的简单模拟 首先cnpm install mockjs 然后src文件中新...原创 2018-10-26 14:02:51 · 157 阅读 · 0 评论 -
vue-router路由带参
router,router-link两种跳转方式的带参 首先一定要在router的配置信息index中设置name属性 path -&gt; 是要跳转的路由路径,也可以是路由文件里面配置的 name 值,两者都可以进行路由导航 params -&gt; 是要传送的参数,参数可以直接key:value形式传递 query -&gt; 是通过 url 来传递参数的同样是key:value形式传递 ...原创 2018-10-26 11:12:46 · 502 阅读 · 0 评论 -
vue—router嵌套路由设置及默认选择
嵌套路由 应用场景:用vue-router 设置一个页面的路由的时候,在其页面组件内也需要用到,用一个项目来举例子 我在app.vue中设置路由出口对其他页面组件.设置路径,比如home 首页设置,在router文件夹index.js中设置 routes: [ { path: '/', component: home, }, ] 如果我要在首页中也设置一个路由出口时...原创 2018-10-17 10:12:13 · 3063 阅读 · 0 评论 -
axios关于跨域问题
axios 跨域 先放报错信息: 经过研究N次,是跨域设置问题, XMLHttpRequest cannot load http://192.168.0.109:8080/farmer/user/register#/. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http...原创 2018-10-16 10:22:55 · 321 阅读 · 0 评论 -
从零开始用vue+webpack+vuex实现一个发布查询信息类网站,(3)api接口管理
接口的统一管理 先扔个axios文档地址:https://www.kancloud.cn/yunye/axios/234845 写到注册登录时候需要用到axios了,项目重构之前计划着用把所有的接口统一管理。 1)文件结构,在src下 apiconfig.js 和api 为同级,前者写axios的配置 首先要在main.js中注册引用 import api from './api/api/ind...原创 2018-11-15 11:37:58 · 325 阅读 · 0 评论