reactive effect vue 3.0
vue组件封装 - 省市县下拉选联动
改封装组件依赖`element-china-area-data`插件，引入组件可参照：https://www.npmjs.com/package/element-china-area-data ``` title：弹框显示标题, pageId:页面id，根据id查询历史操作记录 --> 生成新地址 ......
vue3.0 外部配置文件一 (导入json文件方式)
vue3.0 外部配置文件，重点是打包后也可以 修改配置参数 注：js文件中必须是标准的 json 格式 一、在public中创建static文件夹，在static文件夹中创建 config.json 文件 config.json （必须是标准的 json 格式） { "webSocketUrl": ......
vue中ref的用法
1，可以引用元素，通过this.$refs.domxx直接操作元素。 <div ref="domxx"></div> methods: { getxx() { console.log(this.$refs.domxx) // 访问DOM元素 } } 2,可以绑定组件实例，访问组件的属性和方法； 参考 ......
vue 父向子通过props 传递一个function报未定义
解决方法： 参考资料： https://cloud.tencent.com/developer/ask/sof/523570来自为知笔记(Wiz) ......
一个nginx + vue下二级路径版本化方案
过程说明： 1、arg_appver表示读取url上appver参数 2、对appver参数做变量映射得到alias_party1_test 路径。具体条件：没有指定参数的话（即""）指向2.8.0版本化文件夹；默认的话（即default）则指向动态拼接的路径 3、第2点里面动态拼接如果不需要版本化 ......
vue实战项目1
title: vue实战项目1 date: 2023-07-23 20:17:32 tags: - vue categories: - 工程 - 前端 top: ### vue实战项目1 vue实战项目学习第一天，尚硅谷实战课程尚品汇项目。 项目开始，主要做的是配置环境和开始开发。今天配置了项目的脚 ......
vue--day43--浏览器本地存储
1.localeStroage.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale ......
【技术实战】Vue技术实战【一】
博客推行版本更新，成果积累制度，已经写过的博客还会再次更新，不断地琢磨，高质量高数量都是要追求的，工匠精神是学习必不可少的精神。因此，大家有何建议欢迎在评论区踊跃发言，你们的支持是我最大的动力，你们敢投，我就敢肝 ......
vue--day42--todolist
1. 安装 npm i nanoid mdn 数组的方法 typora 安装 2. App.vue <template> <div id="root"> <div class="todo-container"> <div class="todo-wrap"> <!--传递函数 儿子给父亲传东西,父亲 ......
图解 Vue 响应式原理
- Vue 初始化 - 模板渲染 - 组件渲染 为了便于理解，本文将从以下两个方面进行探索： - 从 Vue 初始化，到首次渲染生成 DOM 的流程。 - 从 Vue 数据修改，到页面更新 DOM 的流程。 # Vue 初始化 先从最简单的一段 Vue 代码开始： """ {{ message }} ......
vue--dat41--scoped作用域
1. scoped 样式 作用： 让样式在局部生效 防止冲突 写法 <style scoped> </style> npm view webpack versions. 查看 webpack 的版本 npm view less-loader versions 查看 less-loader 版本 np ......
vue--day40--plugins插件
1.main.js /** * 该文件是整个项目的入口文件 */ //引入Vue import Vue from 'vue' // 引入App 组件 他是所有组件的父组件 import App from './App.vue' //引入插件 import plugins from './plugin ......
vue--day39--mixin混合
组件就是在复用代码，如果组件里面有许多配置是相同的可以借助混合去复用 1. minxin.js //组件就是在复用代码，如果组件里面有许多配置是相同的可以借助混合去复用 export const hunhe={ methods:{ showName(){ alert(this.name); } }, ......
vue 学习第1天
vue的特点: 1.采用组件化模式，提高代码复用率，且让代码更好维护，一个模块可以封装组件 2.声明式编码，提高开发效率，心有林夕，标签+for循环，而不是一步步去写 3.虚拟dom,相当于后端的缓存 脚手架的文件的格式 1: vue-cli 脚手架初始化项目 2: node + webpack + ......
【技术积累】Vue中的核心知识【三】
this关键字 在Vue中，this关键字是指向当前组件实例的引用。它可以在组件的各个方法和生命周期钩子函数中使用。 在组件的方法中，this指向当前组件实例，可以通过this访问组件的属性和方法。例如，可以通过this.message访问组件的data中的message属性。 在生命周期钩子函数中 ......
vue中router与route区别
vue-router中经常会操作的两个对象route和router两个。 1、$route对象 $route对象表示当前的路由信息，包含了当前 URL 解析得到的信息。包含当前的路径，参数，query对象等。 1. $route.path 字符串，对应当前路由的路径，总是解析为绝对路径，如"/foo ......
vue中query和params的区别是什么
区别： 1、query用path编写传参地址，而params用name编写传参地址； 2、query刷新页面时参数不会消失，而params刷新页面时参数会消失； 3、query传的参数会显示在url地址栏中，而params传参不会显示在地址栏中。 vue中query和params的区别是什么 que ......
2023年最新50道Vue全套vue2+vue3面试题带答案汇总
# 此文章不断更新，欢迎大家在评论区补充 ## 1.什么是MVVM?  M - Model 数据：它是与应用程序的 ......
vue实时监听input输入框中 输入内容
参考：https://blog.csdn.net/qq_38215042/article/details/106709153?spm=1001.2101.3001.6650.2&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault% ......
单页html+vue3+element-plus+axios
<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="apple-mobile-web-app-capable ......
vue 上传图片到腾讯云对象存储
今天最大的收获是知道了不仅springboot后端上传文件到腾讯云，也可以前端直接上传到腾讯云。 vue+element-ui就可以，具体教程如下：(48条消息) vue 上传图片到腾讯云对象存储_vue3 腾讯云上传_＊且听风吟的博客-CSDN博客 ......
vue-day37--修改默认配置
1. vue脚手架文件结构 2. 不同的版本vue 3. 修改默认配置 修改默认配置 1. 查看脚手架的默认配置 vue inspect >output.js 2. 为什么 main.js 是入口文件，index.html 是首页 调整 vue.config.js ......
vue--day36--render函数
1.脚手架里面为什么main.js 里面，使用了render 函数/** * 该文件是整个项目的入口文件 */ //引入Vue import Vue from 'vue' // 引入App 组件 他是所有组件的父组件 import App from './App.vue' //关闭vue 的生产提示 ......
Vue 中不同页面之间如何进行传值
情景：比如页面1中获取到的值，页面2中需要用到，如何将页面1中的值传递给页面2呢？ 解决方法：可通过路由传参的方式 参考：https://blog.csdn.net/pleaseprintf/article/details/131345971 ......
vue+element-ui封装一个下拉框
一.单下拉框组件封装 1.下载安装element-ui组件库，并创建文件夹文件等操作，配置好路由。 2.在element-ui里面复制select代码至组件中。 3.数据的处理（数据应该放在使用者的身上而不是select组件上，用组件通信的方式进行传值） 4.选择值的处理 子组件选择一个内容后要把值 ......
vue--day35--脚手架分析
pckgage.json 包的说明书 "scripts": { "serve": "vue-cli-service serve", 运行项目 "build": "vue-cli-service build", 编译 "lint": "vue-cli-service lint" 语法检查 }, pac ......
vue--day34--创建vue 脚手架
1. 配置淘宝镜像 npm config set registry https://registry.npm.taobao.org 2. 获取淘宝镜像是否设置成功 npm config get registry 3. 仅执行一次 全局安装 npm install -g @vue/cli 可能会报错 ......
vue-day33-vue 单文件组件
1.indedx.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>练习一下单文件组件的语法</title> </head> <body> <div id="root"></div> <script type="te ......
vue 使用vue-json-viewer 展示 JSON 格式数据
# 为什么需要Vue-json-viewer 在前端开发中，我们经常需要处理JSON数据。然而，JSON数据一般是以字符串的形式来传递，难以直观地查看、理解和调试，这阻碍了我们开发工作的进程。Vue-json-viewer组件正是为了解决这个问题而生。 # 安装 vue-json-viewer插件 ......