vue实现深拷贝的方法

  • Post author:
  • Post category:vue

在 vue中,深拷贝是一个很有用的功能,在不改变原来对象状态的情况下,进行对象的复制。 但要实现深拷贝,需要两个对象具有相同的属性。如果两个对象不同,深拷贝也不能实现。 1.我们将变量A的属性赋给变量B,但要确保B的属性也被赋给了变量A 5.我们将属性E和属性D同时赋值给对象 11.我们将对象E和F一起进行深拷贝,但要确保E和F都被赋值 一、我们将变量A的属性赋给变量B,但要确保B的属性也被赋给了…

继续阅读 vue实现深拷贝的方法

vue 项目为echarts图添加点击事件 及常见的两问题分析

  • Post author:
  • Post category:vue

vue 项目里用echarts已经很长一段时间了,项目的配置项什么的也查了不少, 但是隔断时间换个项目, 很多内容都容易忘记,或者掉进之前踩过的坑, 所以下面做个简单的记录: 步骤一: 本地安装echarts npm install echarts --save 步骤二: 在main文件里面先引入echars: import echarts form ‘echars’; 然后将echarts挂载到…

继续阅读 vue 项目为echarts图添加点击事件 及常见的两问题分析

Vue3 常用全局API

  • Post author:
  • Post category:vue

createApp 返回一个提供应用上下文的应用实例。应用实例挂载的整个组件树共享同一个上下文。 const app = createApp({}) 你可以在 createApp 之后链式调用其它方法 参数 参数1:可以接收一个根组件对象,以vue项目为例 import App from "./App.vue"; const app = createApp(App); 参数2:接收根组件的 pro…

继续阅读 Vue3 常用全局API

【Django基础】7、django+vue前后端分离项目,接入cas单点登录

  • Post author:
  • Post category:vue

一、前端配置 1、接口访问时,判断接口返回中的登录状态,需要登录时,打开登录路由 示例:http://218.95.182.91:8002/api/login?next=http://218.95.182.91:8002 next会回调路由 2、退出登录,打开登出路由 示例:http://218.95.182.91:8002/api/logout?next=http://218.95.182.91…

继续阅读 【Django基础】7、django+vue前后端分离项目,接入cas单点登录

Vue项目中实现用户登录及token验证

  • Post author:
  • Post category:vue

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

继续阅读 Vue项目中实现用户登录及token验证

Vue项目部署

  • Post author:
  • Post category:vue

1、在ide中执行 npm run build执行打包命令 一般vue项目打包后的内容放在dist文件夹下,打包后的文件结构如下。 2、安装好nginx后。查看nginx.conf文件 打开ngin.conf,可以看到nginx默认监听在8080端口,根目录是 /opt/public 当访问nginx的8080端口时,返回根目录下的 index.html | index.htm | default…

继续阅读 Vue项目部署

SpringBoot+Vue整合CAS

  • Post author:
  • Post category:vue

依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <dependency> <groupId>org.pro…

继续阅读 SpringBoot+Vue整合CAS

PC、移动端适配 – Vue、H5、 Jquery

  • Post author:
  • Post category:vue

Vue 移动端、PC 端适配可以使用lib-flexible、amfe-flexible、postcss-pxtorem、postcss-px2rem、postcss-px-to-viewport这几个插件。 lib-flexible 是淘宝手机前端开发团队开发出来的一个开源插件,会自动在 html 的 head 中添加一个 <meta name='viewport'> 的标签,同时会…

继续阅读 PC、移动端适配 – Vue、H5、 Jquery

animate动画案例_前端动画必知必会:React 和 Vue 都在用的 FLIP 思想实战

  • Post author:
  • Post category:vue

前言 在 Vue 的官网中的过渡动画章节中,可以看到一个很酷炫的 动画效果 乍一看,让我们手写出这个逻辑应该是非常复杂的,先看看本文最后要实现的效果吧,和这个案例是非常类似的。 预览 也可以直接进预览网址里看: http://sl1673495.gitee.io/flip-animation 图片素材依然引用自知乎问题 《有个漂亮女朋友是种怎样的体验?》 ,侵删。 分析需求 拿到了这个需求,第一直…

继续阅读 animate动画案例_前端动画必知必会:React 和 Vue 都在用的 FLIP 思想实战