荆轲刺秦王

token是相对会叫安全的使用暗码形式的数据传输，由后台产生，并且传输到前台，前台可以将保存，在前台每次发送请求的时候可以携带token，后台可以对token进行验证，通过验证的通过请求可以对数据进行正确的回复，否则就睡返回错误的回执码token有自己的过期时限，并且是在后台实现，前台虚无考虑那么多，具体前台的步骤分为三部1.在登陆的时候后台会给一个token码，前台将其存储在cookie...

在前后端完全分离的情况下，Vue项目中实现token验证大致思路如下：1、第一次登录的时候，前端调后端的登陆接口，发送用户名和密码2、后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token3、前端拿到token，将token存储到localStorage和vuex中，并跳转路由页面4、前端每次跳转路由，就判断 localStroage 中有无 token ，没有就跳...

生命周期钩子函数一个组件从创建到销毁的过程就是生命周期。beforeCreate:创建前1、当前vue实例化的时候会做一个初始化的操作，在这个生命周期函数里面我们可以做初始化的loading2、在当前函数里面是访问不到data中的属性，但是可以通过vue的实例对象进行访问crea...

axios并不像ajax或者vue-resource那样，它默认post是以Request Payload这种形式来传输的，所以第一次用的时候就被坑到了。不过网上很多解决的方法，我直接就放例子了吧...以下例子都基于vue-cli 快速创建的那个项目1.安装axiosnpm install --save axios2. 在入口main.js中导入axios 并将axios写入v...

Edit Configurations

作为一个vue初学者不得不了解的就是组件间的数据通信(暂且不谈vuex)。通信方式根据组件之间的关系有不同之处。组件关系有下面三种：父-->子、子-->父、非父子父-->子父向子传递数据通过props**父组件代码**<template> <header-box :title-txt="showTitleTxt"></head...

首先要搭建好vue脚手架：https://blog.youkuaiyun.com/qq_20757489/article/details/83718242组件中文文档地址：https://youzan.github.io/vant/#/zh-CN/intro1.使用NPM安装vant：npm i vant -S2.引入组件：使用babel-plugin-import(推荐)babel...

1、父组件可以使用 props 把数据传给子组件。2、子组件可以使用 $emit 触发父组件的自定义事件。vm.$emit( event, arg ) //触发当前实例上的事件vm.$on( event, fn );//监听event事件后运行 fn；例如：子组件：<template> <div class="train-city"> ...

适用于最新版vue-cli,配置手淘的lib-flexible.js和rem实现移动端页面自适应1.安装lib-flexible.jsnpm install lib-flexible --save2.在项目入口文件main.js中引入lib-flexibleimport 'lib-flexible'3.px转换rem使用 webpack 的 px2rem-loader,...

<template> <div class="footer"> <div class="foot"> <div class="bottom-tab"> <div class="tab-item" @click="switchTo('/job')"> <img :src="...

注意：以下操作必须保证你的手机与电脑在同一局域网下1.修改config文件夹下面的index.js文件找到host: ‘localhost’,修改为：host: ‘0.0.0.0’module.exports = { dev: {...... host: 'localhost', // can be overwritten by port: 8080, // c...

首先 vue的点击事件 是用 @click = “clickfun()” 属性 在html中绑定的,在点击的函数中 添加$event 参数就可以比如<button @click = “clickfun($event)”>点击</button>methods: { clickfun(e) { // e.target 是你当前点击的元素 ...

vue的v-model是一个十分强大的指令,它可以自动让原生表单组件的值自动和你选择的值绑定,我们来看一下它的效果: 输入框的值和一个数据是绑定的,输入框的值变化,和他绑定的值也会发生变化我们可以参照官方文档的例子    http://cn.vuejs.org/v2/guide/forms.html#文本我们在手动输入 hello的过程中 下面和他绑定的p标签的值也是实时变化的...

目录一、对于MVVM的理解？二、Vue的生命周期三、 Vue实现数据双向绑定的原理：Object.defineProperty（）四、Vue组件间的参数传递五、Vue的路由实现：hash模式 和 history模式六、Vue与Angular以及React的区别？七、vue路由的钩子函数八、vuex是什么？怎么使用？哪种功能场景使用它？九、vue-cli如何新增自...

__ob__: Observer这些数据是vue这个框架对数据设置的监控器，一般都是不可枚举的。console.log这样的打印函数，被打印的变量会执行自身的toString()，这样，即便内部属性是不可枚举，实际上也能看到。操作数据的过程中不要删除这些属性：因为你已经将数据绑定在了vue之中，vue就肯定要为数据添加监控器的，如果你强制删掉了这些监控器，那么这些数据也就失去了监...

Vue-webpack项目配置详解1、首先我们在构建vue项目后，就得先了解vue的项目结构├── build --------------------------------- webpack相关配置文件│ ├── build.js --------------------------webpack打包配置文件│ ├── check-versions.js -------------...

相信很多人在刚开始学习vue这个框架的时候，在最开始搭建开发环境的时候，都会遇到一些大大小小的坑，我之前在学习angular的时候搭建过一次，过了一个月后在搭建第二次的时候，竟然有一些混乱，所以今天想整理出来；vue现在在前端，相对于算是现在前端工程师都比较常用的框架之一，他和angular有一些相似之处，所以用过angular的伙伴们，再来学习vue应该不会感觉太难；一：在搭建vue的开...

在vue-cli中构建的项目是可以使用less的，但是查看package.json可以发现，并没有less相关的插件，所以我们需要自行安装。第一步：安装npm install less less-loader --save-dev即通过npm安装less和less-loader，并记录到devDependencies中，因为这是我们在开发中使用的而非在生产中使用，所以就不将之记录在 ...

Webpacked Assets为了回答这个问题，我们首先需要了解Webpack如何处理静态资产。在 *.vue 组件中，所有模板和CSS都会被 vue-html-loader 及 css-loader 解析，并查找资源URL。例如，在 &lt;img src="./logo.png"&gt;和 background: url(./logo.png) 中，"./logo.png" 是相对的资...

问题相信很多人在用Vue使用别人的组件时，会用到 Vue.use() 。例如：Vue.use(VueRouter)、Vue.use(MintUI)。但是用 axios时，就不需要用 Vue.use(axios)，就能直接使用。那这是为什么呐？答案因为 axios 没有 install。什么意思呢？接下来我们自定义一个需要 Vue.use() 的组件，也就是有 install 的组件，...

最近用 Vue 写项目的时候，用到 axios ，因为 axios 不能用 Vue.use() ，所以在每个 .vue 文件中使用 axios 时就需要 import ， .vue 文件少的话还好说，多的话未免有点麻烦。后来想了想，能不能直接把 axios 加到 Vue 的原型中，这样就达到了全局注册了。1. 首先在 main.js 中引入 axiosimport Vue from ...

Vant 是有赞前端团队基于有赞统一的规范实现的 Vue 组件库，提供了一整套 UI 基础组件和业务组件。特性50+ 个经过有赞线上业务检验的组件 单元测试覆盖率超过 90% 完善的中英文文档和示例 支持 babel-plugin-import 支持 TypeScript 支持 SSR组件中文文档地址：https://youzan.github.io/vant/#/zh-CN/...

<template> <div id="app"> <transition :name="transitionName" > <router-view class="router"/> </transition> </div></template><script&g...

如果要引入第三方JS或者css  最好是把文件放在statis文件夹下，此处是静态文件存放的位置第一种方法：直接在index.html中引入js&lt;script type="text/javascript" src="static/mui.min.js" &gt;&lt;/script&gt;css&lt;link rel="stylesheet" href="st.

   Vue是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件特别整理了常用的vue插件，来了个大汇总，方便查找使用，便于工作和学习。很全的vue插件汇总，赶紧收藏下吧！一、UI组件及框架 element - 饿了么出品的Vue2的web UI工具套件 mint-ui - Vue 2的移动UI元...

接下来，就需要对main.js App.vue 等进行操作了。　　但是这就出现了一个问题：什么是main.js，他主要干什么用的？App.vue又是干什么用的？main.js 里面的import from又在干嘛？newVue（{}）是干嘛的？里面又需要什么参数，它到底能干什么。在网上搜了一篇博文，解答一些初级的困惑。一、什么是main.js?里面一般都是些什么内容？　　     ...

由于最近在vue-cli生成的webpack模板项目的基础上写一个小东西，开发过程中需要改动到build和config里面一些相关的配置，所以刚好趁此机会将所有配置文件看一遍，理一理思路，也便于以后修改配置的时候不会“太折腾”。一、文件结构本文主要分析开发（dev）和构建（build）两个过程涉及到的文件，故下面文件结构仅列出相应的内容。├─build│ ├─build.js│ ├─c...