cookie 在工作中比较常用, 可以自行封装一些 添加/删除/获取cookie的方法, 可参考这个在Vue中有个很好用的插件 vue-cookies我们具体来看下怎么使用这个插件的使用第一步：安装vue-cookienpm install vue-cookie --save(a). 默认值设置$cookies.config(expireTimes[,path[, domain[, secure[
转载
2024-02-10 20:30:15
21阅读
项目介绍高考填报志愿综合参考系统是针对目前高考填报志愿管理的实际需求,从实际工作出发,对过去的高考填报志愿综合参考系统存在的问题进行分析,完善用户的使用体会。采用计算机系统来管理信息,取代人工管理模式,查询便利,信息准确率高,节省了开支,提高了工作的效率。 本系统结合计算机系统的结构、概念、模型、原理、方法,在计算机各种优势的情况下,采用JAVA语言,结合ssm框架与Vue框架以及MYSQL数据库
转载
2024-04-01 09:35:34
38阅读
1. V-Hotkey仓库地址: https://github.com/Dafrok/v-hotkeyDemo: https://dafrok.github.io/v-hotkey安装: npm install --save v-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下 Escape 键后隐藏某个组件，按住 Control 和
转载
2024-04-11 12:42:42
67阅读
一、是什么Tree shaking 是一种通过清除多余代码方式来优化项目打包体积的技术，专业术语叫 Dead code elimination简单来讲，就是在保持代码运行结果不变的前提下，去除无用的代码如果把代码打包比作制作蛋糕，传统的方式是把鸡蛋（带壳）全部丢进去搅拌，然后放入烤箱，最后把（没有用的）蛋壳全部挑选并剔除出去而treeshaking则是一开始就把有用的蛋白蛋黄（
在 Vue SPA 应用中，如果想要修改HTML的头部标签，或许，你会在代码里，直接这么做// 改下title
document.title = 'what?'
// 引入一段script
let s = document.createElement('script')
s.setAttribute('src', './vconsole.js')
document.head.appendChi
渲染render function之后就是 核心的响应式过程了Object.definePropertyvue的核心之一就是Object.defineProperty 方法（IE9及其以上） Object.defineProperty(obj, prop, descriptor) //可以定义新的属性或者修改原来的属性
参数说明
obj:必需，目标对象;
在我们开发中，我经常需要对页面功能进行不同的拆分，可以分为容器组件和展示组件。容器组件包含一个或多个展示组件。一个展示组件包含了模板、脚本以及样式的代码。常见的封装：1、用户改变数据源使页面呈现不同的状态。<div>
<my-component data="我是父组件传入子组件的数据"></my-component>
</div>2、自定义封
针对很多朋友反映按照教程的做法始终只能看到 Nginx 欢迎页面的问题，Tian Pengfei sanyuwen 给出了很好的建议。如果你也被类似问题困扰，不妨尝试一下这个建议。这个问题也困扰了很久，最终发现是sites-enabled文件夹里默认的default文件中的配置覆盖了自己写的配置，导致配置不生效，把default文件删掉就可以正常被nginx过去了，亲测有效我们的基础功能已
秋招过后，意识到自己的不足，最近又重新复习了一下codewhy老师的Vue，今天跟大家分享一下Vue动态绑定属性的知识 文章目录一、v-bind的基本使用示例:二、v-bind动态绑定属性class（对象语法）示例:三、v-bind动态绑定属性class（数组语法）示例:四、v-bind动态绑定style（对象语法）示例:五、v-bind动态绑定style(数组语法)示例:总结 一、v-bind的
转载
2024-03-02 09:00:03
104阅读
# Vue 设置 Yarn
在Vue项目中，我们通常使用npm或者yarn来管理项目依赖和运行脚本。本文将介绍如何在Vue项目中设置yarn，并提供代码示例来演示如何使用yarn管理Vue项目。
## 什么是Yarn
Yarn是一个由Facebook开发的包管理工具，用于代替npm进行包管理。Yarn具有更快的安装速度和更可靠的依赖管理机制，是前端开发常用的工具之一。
## 在Vue项目中
原创
2024-03-03 05:42:35
63阅读
vue-router，打开新页面路由跳转方法传参let { href } = this.$router.resolve({
path: '/path',
query:{
id: id ,
year: year
}
})
window.open(href, '_blank');获取参数mounted(){
this.data = this.$route.query.id
转载
2024-09-09 13:46:12
84阅读
一、技术提要涉及element-ui中的validate方法二、具体实现1、表单部分代码<el-form ref="loginFormRef" :model="loginForm" :rules="loginFormRules" label-width="0px" class="login_form">
<!-- 用户名 -->
<el
文件 - 首选项 - 用户片段 - vue.json修改vue.json{ "Print to console": { "prefix": "vue", "body": [
原创
2022-03-03 14:16:21
413阅读
Vue 框架-05-动态绑定 css 样式今天的小实例是关于 Vue 框架动态绑定 css 样式，这也是非常常用的一个部分首先说一下 动态绑定，相对的大家都知道静态绑定，静态绑定的话，直接加 class=“”就可以了，使用 Vue 呢之前也介绍过一个 v-bing:class="{{redClass:true}}" ，也可以实现绑定，但都不是动态绑定，动态绑定肯定是根据用户的某个操作实现动态的修改
转载
2024-07-01 00:14:36
127阅读
需求分析我们在做项目的时候，涉及到一个授权的问题，这个其实是一般常见的问题之一，我们的授权是这样做的，很简单，授权登录的时候不需要任何的授权信息，正常登陆就可以了，然后登录成功以后的接口会返回一个授权信息给到我们，写在response里面，那么我们拿到这个新的授权信息之后去请求别的任何的请求，也就是整个系统对于接口的操作都是需要拿到最新的授权信息，那么最新的授权信息是怎么来的呢？其实每一个接口不仅
转载
2024-05-02 11:41:04
210阅读
这篇文章主要介绍了 vue 动态绑定 Class 的方式。Vue.js 的核心是一个响应的数据绑定系统，它允许我们在普通 HTML 模板中使用特殊的语法将 DOM 绑定到底层数据。被绑定的 DOM 将与数据保持同步，每当数据有改动，相应的 DOM 视图也会更新。基于这种特性，通过 vue.js 动态绑定 class 就变得非常简单。一、数据绑定vue 指令以 v- 前缀标识，数据绑定的指令 v-b
转载
2023-10-31 14:18:23
128阅读
前言，最近负责vue组件，开始只是零碎的，但渐渐的多了起来，所以考虑做一套组件库发npm上，但是查看资料，基本都是缺胳膊少腿，没有一个是跑完全部流程的demo，所以自己参考资料以后做了一套上传、检测和使用的笔记供需要的参考。（备注：还是不清楚的可以查看视频教程。地址：） 标题：npm 如何发布和使用自定义组件1. 创建组件2. 上传组件3. 删除包4. npm登陆报账号密码错误 1. 创建组件（1
转载
2024-03-25 18:01:40
57阅读
这次，来学习下Vue是如何解析HTML代码的。template 解析用在哪从之前学习 Render 的过程中我们知道，template 的编译在 $mount 方法中出现过。// src/platforms/web/entry-runtime-with-compiler.js
const mount = Vue.prototype.$mount
Vue.prototype.$mount = fun
转载
2024-08-19 10:35:37
43阅读
在vue中，token的意思是“令牌”，是服务端生成的字符串，是客户端进行请求的一个标识；当用户第一次登录后，服务端生成一个token并返回给客户端，以后客户端只需要带着token请求数据即可，不需再使用用户名和密码。 一、什么是tokentoken的意思是“令牌”，是服务端生成的一串字符串，作为客户端进行请求的一个标识。当用户第一次登录后，服务器生成一个token并将此token返回给
转载
2023-11-15 16:51:20
19阅读
vue项目中登录页面用户登录成功后，会把用户信息存储到cookie中，然后跳转进入首页，当用户没有登录时，直接输入页面地址会经过路由守卫检测cookie中是否存在用户信息，如果不存在，重定向到登录页让用户进行登录。接下来从配置cookie方法开始。首先在项目中新建util/cookie.js文件作为存放cookie方法的js在cookie.js中写进如下代码，该代码封装的三个方法，setCooki
转载
2024-01-18 14:15:22
952阅读
