随笔分类 - Vue
摘要：SSO原理 SSO（Single Sign On）单点登录系统。现在很多系统都由多个子系统组成，为了统一登录，保证登录一次，所有子系统都能访问，提升用户体验，SSO方案由此而生。 SSO系统是单独部署的一套认证系统，独立于所有子系统，包含登录认证、授权、用户管理功能。用户需要登录任意业务子系统时，都
阅读全文
摘要：npm 安装 npm i bin-code-editor -S # or yarn add bin-code-editor 引入 在 main.js 中写入以下内容： import Vue from 'vue'; import CodeEditor from 'bin-code-editor'; i
阅读全文
摘要：1、安装 npm install -S file-saver 用来生成文件的web应用程序 npm install -S xlsx 电子表格格式的解析器 npm install -D script-loader 将js挂载在全局下npm install -S element-ui 安装element
阅读全文
摘要：Echart.vue组件的封装 data中是固定属性，props中定义动态参数，是父组件获取数据时传递到子组件的参数，xData为横坐标轴数据，series为Echarts的series数据，isAxisChart为是否带有坐标轴。 <template> <div style="height: 10
阅读全文
摘要：实现跨域共3个步骤： 1，vue3.0根目录下创建vue.config.js文件； module.exports = { devServer: { proxy: { '/api': { target: 'https://you.163.com/', //接口域名 changeOrigin: true
阅读全文
摘要：vue组件的生命周期 Vue实例有一个完整的生命周期，从开始创建、初始化数据、编译模板、挂在DOM、渲染-更新-渲染、卸载等一系列过程，我们成为Vue 实例的生命周期，钩子就是在某个阶段给你一个做某些处理的机会。 beforeCreate( 创建前 ) 在实例初始化之后，数据观测和事件配置之前被调用
阅读全文
摘要：前言 前后端分离的开发模式，前端需要向后端请求数据（ajax请求），但实际开发过程中，前后端会约定一份接口文档，但前后端开发进度并不一致，当后端没有完善接口功能时，前端需要在本地模拟数据返回，此时需要使用到mockjs。 安装 npm install mockjs --save-dev 目录结构 配
阅读全文
摘要：一、实现效果 项目使用Vue3+ElementUI+BootStarp Github地址：https://github.com/Angell1/CV 测试页面：http://123.207.251.121:8888/ 环境： 部署 1、Vue打包 npm run build 注意：我使用vue3，所
阅读全文
摘要：转载：https://www.cnblogs.com/cbpm-wuhq/p/12753312.html 一:安装animate.css 在命令行中执行：npm install animate.css --save 二:在main.js中引入并使用 main.js中： import animated
阅读全文
摘要：Axios Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。功能 从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API 拦截请求和响应 转换请求数据和响应数据 取消请求 自动转换 JSO
阅读全文
摘要：div切换 <template> <div id="app"> <div class="tab-tit"> <!--点击设置curId的值 如果curId等于0，第一个a添加cur类名，如果curId等于1，第二个a添加cur类名，以此类推。添加了cur类名，a就会改变样式 @click,:clas
阅读全文
摘要：Vuex 官方文档：https://vuex.vuejs.org/zh/guide/ Vuex是一个专门为Vue.js应用程序开发的状态管理模式, 它采用集中式存储管理所有组件的公共状态, 并以相应的规则保证状态以一种可预测的方式发生变化. Vuex核心 state：存放数据状态 mutations
阅读全文
摘要：目录 路由介绍 路由的基本配置 路由跳转 动态路由 嵌套路由 vue-router中的$route和$router 路由介绍 SPA(single page application):单一页面应用程序，只有一个完整的页面；它在加载页面时，不会加载整个页面，而是只更新某个指定的组件。 单页面应用(SP
阅读全文
摘要：引入bootstrap 安装依赖包 cnpm install bootstrap --save-dev cnpm install jquery --save-dev cnpm install popper.js --save-dev 全局引入在项目中根目录下的main.js中添加如下代码： impo
阅读全文
摘要：转载：https://blog.csdn.net/YYxiaobao0726/article/details/86577481 根组件引入其他组件 前言 一个.vue 文件就是一个单独的组件。 在 .vue 文件中， template 中都是html 代码，它定义了在页面中显示的内容，由于里面还有变
阅读全文
摘要：目录 前言 hello Vue Vue挂载 数据绑定 事件绑定 计算属性和侦听器 条件渲染、列表渲染 双向绑定 前言 Vue.js 是一套构建用户界面的渐进式框架，你可以选择使用它的一部分功能，也可以使用全部功能。 以下代码的环境：https://codepen.io/pen hello Vue V
阅读全文
摘要：Node.js安装配置 安装配置教程：https://www.cnblogs.com/aizai846/p/11441693.html 注意：使用npm下载包的时候配置代理 临时使用淘宝镜像 npm --registry https://registry.npm.taobao.org install
阅读全文