前端 终端 实战vue
vue3-全局变量的使用
### 一、main.ts中定义  ### 二、在页面中使用 ``` 全局变量 方法1（使用 getCu ......
vue中watch监听
1.对data中一般数据的监听，使用watch，回调有newValue和oldValue两个参数， 当数据变化后触发 watch: { /** * data中数据的监听 * @param newValue * @param oldValue */ value: function (newValue, ......
vue2.0中使用element-ui时报错
1、重新安装依赖 a) yarn add babel-preset-es2015 --dev b) npm install babel-preset-es2015 -D 2、修改babel.config.js配置 module.exports = { presets: ['@vue/cli-plug ......
Vue路由的基本概念
## Vue路由的基本概念 Vue 路由是一个非常重要的概念，它允许你在应用程序中创建多个页面并在这些页面之间进行导航。在 Vue 中，路由是通过 Vue Router 实现的。本文将介绍 Vue Router 的基本概念和用法，并对路由配置进行详细解析。 ## 基础认知/路由 路由是指应用程序中的 ......
在使用VScode编辑器vue开发过程中，v-for在Eslint的规则检查下出现报错：Elements in iteration expect to have ‘v-bind:key’ directives
报错如下： 该怎么解决呢？ 现在说说解决他的两种方法： 1.直接在v-for循环后面绑定一个属性，跟前面需要循环的属性一一对应，截图如下： 2.在vscode中去掉Eslint规则检查，具体操作截图如下： 文件–》首选项–》设置–》在搜索框中输入：vetur.validation.template， ......
微前端改造前因&可行性分析&计划
需要解决的问题： > 1.规划EMI平台的全功能架构，同时梳理EMI平台目前的功能框架，明确出来要迭代或重构哪些功能； 2.针对技术方案中的技术实现原理进行讨论，分析技术可行性和先进性、兼容性； 3.重构计划和具体实施方案，如旧系统如何转移等。 前端层面 ### 0.改造的原因： 1. `技术层面` ......
vue中v-model理解
## 1.原理 v-model是语法糖，相当于以下代码 ``` /> ``` 等价于 ``` ``` - v-bind:value实现数据从data->组件 - input触摸事件实现数据从组件->data v-model 在内部为不同的输入元素使用不同的属性并抛出不同的事件： text 和 tex ......
nginx location实战
nginx location高级实战 location是nginx的核心重要功能，可以设置网站的访问路径，一个web server会有多个路径，那么location就得设置多个。 Nginx的locaiton作用是根据用户请求的URI不同，来执行不同的应用。 针对用户请求的网站URL进行匹配，匹配成 ......
直播软件app开发，vue里tab菜单横向展示，可分页功能组件实现
直播软件app开发，vue里tab菜单横向展示，可分页功能组件实现 子组件： <template><div> <el-button v-if="move != 0 && !dataLen" size='small' icon="el-icon-arrow-left" @click="navPrev" ......
vue时间选择器 nut-datepicker
vue时间选择器 https://blog.csdn.net/Marshall_Ma/article/details/124244451 1、年-月-日 时:分 效果展示： 打开选择器： <div class="label">记录日期:</div> <nut-cell :showIcon="true ......
前端vue自定义简单实用下拉筛选 下拉菜单
前端vue自定义简单实用下拉筛选 下拉菜单, 下载完整代码请访问: https://ext.dcloud.net.cn/plugin?id=13020 效果图如下: #### 使用方法 ```使用方法 <!-- titleArr: 选择项数组 dropArr: 下拉项数组 @finishDropCl ......
vue中使用axios获取不到响应头Content-Disposition的解决办法
项目中，后端返回的文件流，fileName是机构名称+服务器时间。前端需要拿到响应头里的Content-Disposition字段的值，从中获取文件名 在控制台Headers中可以看到相关的字段和文件名，但是在axios里面却获取不到 如果想要让客户端访问到相关信息，服务器不仅要在heade里添加， ......
go 终端读取
package main import ( "bufio" "fmt" "os" ) func main() { fmt.Print("Enter a grad:") reader := bufio.NewReader(os.Stdin) input, _ := reader.ReadString( ......
vue实现的前端模糊匹配搜索
vue实现的前端模糊匹配搜索 <div id="app"> <div class="wrapper"> <input type="text" v-model="searchText"><button @click="submit">搜索</button> </div> <table> <thead> ......
Vue中slot与slot-scope的理解及使用
https://www.cnblogs.com/sherryweb/p/15437298.html 插槽分两类，默认插槽和具名插槽；通俗理解就是默认插槽是没有名称的插槽，具名插槽是有名称的插槽。 何时使用插槽？ 简单的举个栗子：有2个组件，父组件father，子组件son。 父组件 father < ......
vue3之setup
# 一、Vue3中script 的三种写法 Vue3 新增了一个叫做组合式 api 的东西，英文名叫 Composition API。因此 Vue3 的 script 现在支持三种写法。 1)最基本的 Vue2 写法 2) setup() 属性 3) `` 。 解决： 在对应的属性上面添加@JsonProperty("BB")来指定要显示的字段名称 ``` @JsonProperty("Na ......
vue调用百度api时，跨域问题解决方案
最近在调用百度地图，文字转语音接口的时候，用vue，js来前端实现转换，及时语音播报，遇到点问题； * 1.之前直接不用accessToken，一个连接拼接抓取的，已经失效了。 * 2.查看百度文档，更新后的接口，按照文档nodejs格式，一直都是报跨域问题，单独在headers中加` 'Acces ......
前端业务需求构建
一、开发流程： 需求 >原型 >开发 >测试 >上线 1、开发 （1）版本控制：选用git版本 （2）技术选型：根据业务需求，选择合适技术 vue-cli | 制定统一编码规范，便于团队协作和代码维护，例如eslint, tslint （3）环境配置：初始化项目完成后，提交代码到远程库 （4）构建优 ......
vue的动态组件
动态组件 含义 动态切换组件的显示和隐藏。 vue提供了一个内置的<component>组件,专门用来实现动态组件的渲染。可以把其理解为占位符。 要展示哪个组件，就指定要展示的名称。 <template><div class="app-container"> <!-- 3.点击按钮，动态切换组件的名 ......
vue2如何重写数组
Vue中使用Object.defineProperty重新将对象中的属性定义，如果是数组的话需要重写数组原型上的方法。 代码如下： 1 function notify() { 2 console.log('视图更新') 3 } 4 let data = { 5 name: 'jw', 6 age: ......
Java 实战介绍 Cookie 和 Session 的区别
HTTP 是一种不保存状态的协议，即无状态协议，HTTP 协议不会保存请求和响应之间的通信状态，协议对于发送过的请求和响应都不会做持久化处理。  # Practical AI course for medical students # 教学大纲 Syllabus ## I 准备工作 1. R 和 Rstudio安装 2. Quarto 和 R Markdown 3. Python 和 ......
前端-CSS生成器
# 按钮 - https://uiverse.io/buttons - 有好看的button、卡片、输入框等 - https://markodenic.com/tools/buttons-generator/ # 玻璃态 - https://hype4.academy/tools/glassmorp ......
6.12 vue3的学习
1.创建vue3项目: 在cmd中首先找到需要保存的路径，输入vue create + vue项目的取名，和之前创建vue2是一样的 进行如下选择 2.vite创建vue3的方式 在cmd中首先输入npm init vue@latest 3.安装依赖和运行依赖 # 安装依赖 npm install ......
Vue项目学习
title: "Vue尝试" date: 2023-05-18T22:19:13+08:00 categories: ["Vue"] # Vue学习笔记 ## 一、二维数组尝试 ```js var vm = new Vue({ el: "#app", data: { huilv:[ [6.8540, ......
vue3
[toc] # 一 Vue3的变化 ## 1.性能的提升 - 打包大小减少41% - 初次渲染快55%, 更新渲染快133% - 内存减少54% ## 2、源码的升级 - 使用Proxy代替defineProperty实现响应式 - 重写虚拟DOM的实现和Tree-Shaking ## 3.拥抱Ty ......
Vue3基本功能实现
## vue3 介绍 ```python # Vue3的变化 # 1.性能的提升 打包大小减少41% 初次渲染快55%, 更新渲染快133% 内存减少54% # 2.源码的升级 使用Proxy代替defineProperty实现响应式 重写虚拟DOM的实现和Tree-Shaking # 3.拥抱Ty ......