标题首先，算了，直接说吧我们在写vue项目的时候肯定会接触到多个地址，有本地环境地址和生产环境地址这个是最少的，然后项目里面应该怎么区分这些呢，我来告诉大家。本文是根据vue cli3.0来的，vue cli2.0版本暂不支持.env.development.env.production# .env.development 文件内容
NODE_ENV='development'
VUE_APP_M
Vue3快速上手 1.Vue3简介2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王）耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者
github上的tags地址：https://github.com/vuejs/vue-next/releases/tag/v3.0.02.Vue3带来了什么1.性能的提升打包大小减少41%初次渲染快55%
Vue3 组件传值基本使用方法今天说一下 vue3 的组件间传值，学习过 vue2 的宝子们肯定知道，组件传值是 vue 项目开发过程中必不可少的功能场景，在 vue2 里面有很多传值的方式，vue3 的传值方式呢，在这里稍微整理总结一下，但是不是很全，后期可能慢慢补充。父子组件传值 props和 vue2 一样，vue3 也可以使用 props 进行父组件传值给子组件，这个就不多说了直接上代码。
使用双令牌的初衷为了方便分布式部署，平台所有接口都允许跨域访问，但为了防止恶意请求，需要设置请求头、令牌等；
有一部分页面不需要登录就可以查看，接口请求带一个静态令牌，有一部分需要有登录权限才能查看，就需要动态令牌。
静态令牌：利用RSA加密与后台约定一个publicKey生成一个加密串，请求接口换取静态令牌；
动态令牌：利用静态令牌请求接口换取动态令牌
复制代码踩坑点1.请求时怎么区分该接口是需
转载
2024-06-12 20:38:26
238阅读
django的view实现商品列表页本章节很重要。通过Django的fbv cbv (class base view)都可以实现。更建议通过基于class的view编码，面向对象。实现json返回。通过商品列表页学习大多数drf知识点配置url商品列表页
path('goods/', GoodsListView.as_view(),name="goods-list"),goods中新建
Vue3经过多个版本的更新迭代已经逐渐的趋于稳定，在看官方的文档中发现了官方所有的文档都有两种格式的API，响应式API和组合式API。响应式API（Options API）这是官方文档对于响应式API的解释：使用选项式 API，我们可以用包含多个选项的对象来描述组件的逻辑，例如 data、methods 和 mounted。选项所定义的属性都会暴露在函数内部的&nb
1，需求分析 公司的项目有这样一个需求： 同一个list组件，根据传过来的listId渲染成多个页面，每个页面都可以下拉。在返回到不同的list页面时，要保留当时下拉的位置。 说的我自己都有点懵逼了，画个图来示范下吧！ demogithub地址 这三个页面都总用的list.vue这个组件。如果三个页面都渲染后，通过上方的导航，可以跳到对应的list页面，当然，也要保留当时下拉的位置。由于
转载
2024-10-10 06:37:01
73阅读
一.Vue3的介绍相信大家都已经学习过Vue2了，对Vue有了一定的了解。那么今天我们就一起来学习有关Vue3的知识点。那为什么要学习Vue3呢，主要是他有以下的特点。 （1）新增组合式api （2）更加接近原生 （3）更加解耦（react启发）二.Vue3的安装全局安装脚手架（如果安装过脚手架请忽略这步）npm i @vue/cli -g
创建一个vue3 的项目vue create 项目名称
转载
2024-04-06 16:41:00
128阅读
# 使用 Vue 3 和 jQuery 获取元素宽度
在现代前端开发中，Vue 3 的反应式特性与 jQuery 的强大 DOM 操作能力常常搭配使用。虽然 Vue 3 自身提供了一些方法来操作 DOM，但有时我们仍然需要借助 jQuery 来获取某些特定的信息，比如元素的宽度。接下来，我们将探讨如何在 Vue 3 中使用 jQuery 来获取一个元素的宽度，同时通过一些示例的代码来加深理解。
原创
2024-08-28 06:27:22
130阅读
1.适用到自定义指令的场景 防抖、图片懒加载、一键 Copy的功能、拖拽、页面水印、权限校验、输入框自动聚焦、相对时间转换、下拉菜单2.个人需求：在后台系统中，有很多表单提交组件，其中很多限制数字且限制条件不同。最初使用oninput="value=value.replace(/[^\d]/g,'')"来显示只允许输入数字，后面发现bug，如果输入汉字，再输入数字，在弹窗中是无法读取该输
在使用Vue3构建中大型web应用时， 组件通信 肯定是不可避免的。本文就具体介绍一下使用Vue3的 props、 \(emit、expose / ref、\)attrs、v-model、provide / inject、Vuex、mitt 等方式进行组件通信。1.props用 props 传数据给子组件有两种方法，如下混合写法：Option API + setup
// Parent.vue 传
转载
2023-07-31 19:31:31
669阅读
1. 受现代 JavaScript 的限制，Vue不能检测到对象属性的添加或删除。由于 Vue 会在初始化实例时对属性遍历执行 getter/setter 转化过程，所以属性必须在 data 对象上存在才能让 Vue 转换它，这样才能让它是响应的。解决办法：数组
this.$set(Array, index, newValue)
对象
this.$set(Object, key, value)有
01-前端路由 1.前端路由的实现原理
vue+vue-router 主要来做单页面应用（Single Page Application）
为什么我们要做单页面应用？
（1）传统的开发方式 url改变后，立马发送请求，响应整个页面，有可能资源过多，传统开发会让前端的页面出现 “白屏” 用户体验不好
（2）SPA 单页面应用：锚点值的改变后，不会立刻发送请求，而是在某个合适的时
挂载#app <div id="app"></div> <script src="../js/vue.js"></script> <script> Vue.createApp({ template: `<h2>你好啊, 李银河</h2>` }).mount("#app"); </script> 问题 ...
转载
2021-07-17 15:38:00
665阅读
2评论
原创
2023-07-27 21:47:21
10000+阅读
1.v-for： <ul> <li v-for="book in books"> <h3>{{ book.title }} - {{ book.author }} - {{ book.age }}</h3> </li> </ul> javascript： data() { return { book ...
转载
2021-09-11 22:45:00
651阅读
2评论
依赖安装npm install three如果有用 typeScript 安装npm install @types/three开始 建一个.
vue文件 准备一个空
的模板我们需要给生成
的canvas准备一个容器<template>
<div id="three"></div>
</template>引入Threejs依赖<script l
转载
2024-03-11 16:02:08
332阅读
在使用element-plus的loading加载组件时,发现了这么一个方法 引发思考:第一行代码很好懂,创建一个ElLoading的实例,其中options时启动loading的配置项第三行代码很好懂,关闭这个loading实例,那么第二行这个nextTick是干什么用的呢 我们不妨反向思考一下,如果没有这个方法,直接写loadingInstance.close会
转载
2024-05-18 13:50:23
136阅读
前言
...
目标
1 vue3的优势有哪些
2 如何创建vue3工程
graph LR
A[初始vue3] --> B[vue3带来了什么]
A --> C[如何创建vue3工程]
一 vue3带来了什么
从vue2到vue3一个大版本的升级，必然会有一些性能上的优化
性能提升和源码升级
性能提升
源码升级
打包大小减少
使用Proxy代替defineProper
原创
2024-07-21 09:24:38
146阅读
