截图 部分vue3 vue
vue编程-win环境初始化
[假定IDEA提前装好，Maven以及Git通过IDEA可安装] 1.安装NodeJS http://nodejs.org/dist/v18.16.1/node-v18.16.1-x64.msi 2.更新path 将${installPath}\node_modules\npm\bin添加至环境变量 ......
Vue（五）：Vue中的MVVM
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue中的MVVM</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <bod ......
Vue（四）：el和data的两种写法
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>el和data的两种写法</title> <script type="text/javascript" src="../js/vue.js"></script> </head> < ......
在system32文件夹中，config子文件夹存储了Windows注册表的备份文件。注册表是Windows操作系统中的一个重要组成部分，它保存了系统和应用程序的设置、配置信息和用户的偏好设置等
system32是Windows操作系统中的一个文件夹，它位于C:\Windows\system32路径下。这个文件夹包含了许多重要的系统文件和设置，它们对于操作系统的正常运行非常关键。 在system32文件夹中，config子文件夹存储了Windows注册表的备份文件。注册表是Windows操作 ......
Vue前端权限管理
一、登录权限控制 实现哪些页面能被未登录的用户访问，哪些页面只有用户登录后才能被访问 1、实现： 在路由对象中以添加meta的方式去实现登录页面权限控制 需要登录才能显示的页面设置meta.need_login属性 export const routes = [ { path: '/login', ......
超级详细的Vue安装与配置教程
# 超级详细的Vue安装与配置教程 ##### 目录 - [一、下载和安装Vue](https://www.jb51.net/article/251371.htm#_label0) - [二、创建全局安装目录和缓存日志目录](https://www.jb51.net/article/251371.h ......
关于dp部分的思考
# dp部分小结 ## 背包 背包主要是模型的构建。 ### 01背包 选与不选，且只能选一个。 ```cpp for(int i=1;i=w[i];j--) dp[j]=max(dp[j],dp[j-w[i]]+v[i]); } ``` ### 完全背包 选与不选，可任意选。 ```cpp for ......
前端Vue自定义数字输入框 带加减按钮的数字输入框组件
#### 前端Vue自定义数字输入框 带加减按钮的数字输入框组件， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13163 #### 效果图如下： #### ;//实例对象 const data=react ......
前端Vue自定义简单好用商品分类列表组件 侧边栏商品分类组件
#### 前端Vue自定义简单好用商品分类列表组件 侧边栏商品分类组件 ， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13148 #### 效果图如下： ![](https://p3-juejin.byteimg.com/t ......
Vue（三）：数据绑定（v-bind和v-model）
数据绑定分为单向数据绑定和双向数据绑定，单向数据绑定就是前面学习的v-bind指令，而双向数据绑定则是下面学习的v-model指令。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>数据绑定</title> <script ty ......
Vue（二）：指令语法之v-bind
一、什么是指令语法 vue中模板语法有两大类，第一类是插值语法，第二类就是指令语法。 1.插值语法 插值语法在上一篇“vue的简单使用”中已经提到了。 功能：用于解析标签体的内容 写法：{{XXX}}，XXX为js表达式 2.指令语法 功能：用于解析标签（包括标签属性、标签事件、标签体内容等） 本文 ......
【技术积累】Vue.js中的基础概念与语法【一】
博客推行版本更新，成果积累制度，已经写过的博客还会再次更新，不断地琢磨，高质量高数量都是要追求的，工匠精神是学习必不可少的精神。因此，大家有何建议欢迎在评论区踊跃发言，你们的支持是我最大的动力，你们敢投，我就敢肝 ......
Vue（一）：简单使用
1.引入js 要对vue进行使用，首先要引入相关的js文件： <script type="text/javascript" src="../js/vue.js"></script> 此处我将vue.js下载到了本地进行引用。 2.准备容器 <!-- 容器 --> <div id="root"> <h ......
vue+axios实现token无感刷新
原文出处：https://www.jb51.net/javascript/286094r4h.htm 通常，对于一些需要记录用户行为的系统，在进行网络请求的时候都会要求传递一下登录的token。不过，为了接口数据的安全，服务器的token一般不会设置太长，根据需要一般是1-7天的样子，token过期 ......
手把手教你在Windows下搭建Vue开发环境
一、下载Note.js 下载地址：https://nodejs.org/zh-cn/download 二、点击安装包无脑下一步即可（建议修改下路径） 三、在选择的安装路径下创建两个文件夹node_cache和node_global 四、打开CMD，设置缓存路径和全局模块存放路径 4.1 缓存路径 n ......
Vue / uniapp cart.js购物车
const cart = { namespaced: true, state: { //{"store_id":"","goods_id":"", "goods_name":"", "goods_price":"", "goods_count":"", "goods_small_logo":"", ......
复制对象中的一部分属性给另一个对象(对象部分属性解构到新对象)
复制对象中的一部分属性给另一个对象(对象部分属性解构到新对象) 点击查看代码 ```js const obj = { a: 1, b: 2, c: 3, }; //第1种,全部赋值 const new_obj={} for(let key in obj) { new_obj[key] = obj[k ......
vue3 虚拟滚动的一些实践
看到这个vueuse库打开新天地后，看到一句warning： Consider using vue-virtual-scroller instead, if you are looking for more features. 于是用起来。 好用，前提是看懂文档 业务需要使用grid，它的grid竟 ......
vue3 - onMounted 多次触发 - 解决
1.原因 <router-view> 外面使用了 <keep-alive> 导致多次触发 onMounted 生命周期 2.解决 使用<keep-alive> 的第一层 页面 初始化数据的生命周期应该放弃使用 onMounted 应该使用 onActivated 用法与 onMounted 是一样的 ......
自动化平台总结(httprunner+djangorestframework+python3+Mysql+Vue)【基础构思】
一、前言 最近从零搭建了一个自动化测试平台，虽然不是第一次从零搭建，但是也从来没有进行过这类搭建的总结，还是记录一下，搭建过程中的一些问题和方法。方便以后总结和翻阅 二、简介 搭建的平台使用的是Python3.6，未来有空可能考虑加个java版本。前端用的Vue，主体是httprunner2.X+D ......
Vue的set主要是做什么的
这个时候可以用this.$set(),给新添加的对象属性，或数组元素添加getter，setter方法 简单说即是：当你发现你给对象加了一个属性，在控制台能打印出来，但是却没有更新到视图上时，也 许这个时候就需要用到this.$set()这个方法了 methods:{ btn(){ Vue.set( ......
Vue项目优化
代码层面的优化 v-if 和 v-show 区分使用场景 computed 和 watch 区分使用场景 v-for 遍历必须为 item 添加 key，且避免同时使用 v-if 长列表性能优化 事件的销毁 图片资源懒加载 路由懒加载 第三方插件的按需引入 优化无限列表性能 服务端渲染 SSR or ......
vue中的data为什么是一个函数
Vue 中的 data 必须是个函数，因为当 data 是函数时，组件实例化的时候这个函数将会被调用， 返回一个对象，计算机会给这个对象分配一个内存地址，实例化几次就分配几个内存地址，他们的 地址都不一样，所以每个组件中的数据不会相互干扰，改变其中一个组件的状态，其它组件不变。 简单来说，就是为了保 ......
Vue单项数据流是什么
父级 prop 的更新会向下流动到子组件中，但是反过来则不行，防止从子组件意外改变父级组件的状态 每次父级组件发生更新时，子组件中所有的 prop 都将会刷新为最新的值 子组件想修改时，只能通过$emit 派发一个自定义事件，父组件接收到后，由父组件修改 ......
vue+element绑定事件使用
vue+element绑定事件使用 有时候需要写一点点前端页面，vue+element搭配是能提升效率的前端框架，因为使用还不太熟练，将一些常用的操作记录下来。 1. button绑定点击事件 1 <el-button type="danger" :data-id=123 v-on:click="c ......
DRF 跨域 Vue 登录！
DRF 跨域 下载 # 版本， 我 Django3.x Python3.7# django-cors-headers 4.0.0pip install django-cors-headers 配置 # 打开 settings.py# 增加INSTALLED_APPS = [ ... 'corshea ......