vue
~柚子味的诗~
这个作者很懒,什么都没留下…
展开
-
普歌—解读vue-element-admin登录逻辑permission.js
解读vue-element-admin登录逻辑permission.js- vue-element-admin中,permission主要负责全局路由守卫和登录判断,希望通过以下注释说明,帮助大家理解这个文件的逻辑import router from './router'import store from './store'import NProgress from 'nprogress' // Progress 进度条import 'nprogress/nprogress.css'// Pro原创 2020-11-21 11:28:37 · 1047 阅读 · 1 评论 -
普歌—Vue实现简单Oauth2.0内部第三方登录
Vue实现简单Oauth2.0内部第三方登录Oauth2.0认证授权过程Vue具体实现操作前端拿到token数据存cookie里取cookie中的token实现登录拿token放请求头(请求拦截器)并根据提供的接口发请求返回用户信息对象,拿到用户信息存到cookie里拿到用户信息渲染到页面上实现前端登出详细请见: 普歌-OAuth2.0认证和授权原理.Oauth2.0认证授权过程Vue具体实现操作前端拿到token数据存cookie里先创建中间页middlepage,并在router/inde原创 2020-11-21 11:00:09 · 1656 阅读 · 0 评论 -
普歌-Vue富文本使用总结
Vue富文本使用总结下载插件和依赖下载Vue-Quill-Editor下载quill(Vue-Quill-Editor需要依赖)在模块中引用自定义菜单下载插件和依赖下载Vue-Quill-Editornpm install vue-quill-editor --save下载quill(Vue-Quill-Editor需要依赖)npm install quill --save在模块中引用 <template> <div class="app-conta原创 2020-11-13 21:54:35 · 89 阅读 · 0 评论 -
普歌-码上鸿鹄团队-Vue后台管理系统项目实战之登录功能实现
登录功能实现修改项目基地址修改对应的login.js文件修改user.js文件修改项目基地址config文件下 env文件修改文件中的基地址注意路由地址更改正确修改对应的login.js文件改为正确的路由地址改为正确的路由地址修改user.js文件修改为正确的参数改为正确的路由地址链接: 参考地址文档....原创 2020-10-28 21:57:45 · 109 阅读 · 0 评论 -
普歌-码上鸿鹄团队 vue.js(1)
vue.js基础一.模板语法(1) 插值(2) 指令(3) 缩写二.class与style(1) 绑定HTML Class(2) 绑定内联样式三. 条件渲染一.模板语法(1) 插值a.文本 {{ }} 声明一条数据,然后用特殊的模板语法将其渲染出来(声明式渲染)let vm = new Vue({ //vue实例的配置项 el:"#app",//指代挂载点 data:{ //vue所管理的数据 msg2:`&l原创 2020-08-18 20:29:02 · 733 阅读 · 0 评论 -
普歌-码上鸿鹄团队 vue.js(2)
vue.js 基础 2九. 数据请求(1) vue-resource请求(2) fetch请求(规范)(3) axios请求(1)组件化(2)组件创建组件:全局注册:简便写法:局部注册:简便写法:templateis切换(3)过滤器1.全局定义2.局部定义(5) 组件之间的通信props传递数据prop验证匿名插槽具名插槽v-slot在使用时,需要在template标签内,这点大家要注意接受props的具名槽口transition过渡(1)单元素/组件过渡(2)多个元素的过渡列表过渡(设置key)过渡模式原创 2020-08-19 09:46:43 · 141 阅读 · 0 评论 -
普歌-码上鸿鹄团队 vue.js(3)
vue基础 3十一. 生命周期keep-alive:动态组件nextTick十二. 自定义指令二级目录二级目录二级目录二级目录十一. 生命周期keep-alive:动态组件当组件在 内被切换,它的 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行。 <div id="app"> <button @click="comp=(comp==='my-a'?'my-b':'my-a')">实现组件切换</button>原创 2020-08-19 14:13:41 · 391 阅读 · 0 评论 -
普歌-码上鸿鹄团队-Vue项目增删改查功能整理
Vue项目增删改查功能整理增加功能删除功能更改功能查询功能增加功能v-model绑定的数据为input.xxx<!--提示框--><el-button class="btnAdd" type="primary" @click="dialogVisible = true">新增自提点</el-button><el-dialog title="新增自提点:" :visible.sync="dialogVisible" width="35%" :before-c原创 2020-09-17 19:38:36 · 165 阅读 · 0 评论 -
普歌-码上鸿鹄团队-Vue的环境搭建、项目创建及项目运行
Vue的环境搭建、项目创建及项目运行1.搭建Vue环境node.js的安装cnpm的安装vue-cli的安装快速创建一个基于webpack的项目框架运行一个已经存在的项目参考: vue.js.1.搭建Vue环境Vue运行环境的搭建需要具备的东西:node.js环境:npm包管理器cnpm:npm的淘宝镜像vue-cli:脚手架构建工具node.js的安装note:npm包管理器是集成在node中的,安装了node也就有了npm,输入npm -v命令,会显示npm的版本信息。cnpm的原创 2020-09-20 12:34:44 · 273 阅读 · 0 评论 -
普歌-码上鸿鹄团队-vuex基本用法总结
vuex基本用法总结基本使用安装vuex的依赖包导入vuex包创建store对象将store对象挂载到vue实例中核心概念StateMutation可在触发mutations时传递参数:ActionGetter基本使用安装vuex的依赖包npm install vuex -save导入vuex包import Vuex from 'vue'Vue.use(vuex)创建store对象const store = new Vuex.Store({//state 中存放的就是全局共享的数据s原创 2020-10-07 17:51:20 · 391 阅读 · 0 评论