Vue

首页 > TAG信息列表 > Vue

vue 中使用 this 更新数据的一次大坑 _

情景说明：之前用 vue 做数据绑定更新时，发现一个莫名奇妙的问题。我在 vue 实例中声明了一个数组属性如 books: []，在异步请求的回调函数中使用 this.books = res.data.data; 进行数据更新，更新步骤后面紧跟着打印了 console.log(this.books)，打印数据显示确实更新成功！但页面数据渲染无

Flask+Vue+Echarts+Mysql+websocket 实战（四）

一、后台编写思路：本质是数据的展示，因此只是调用数据库查询方法给前端使用即可。由于物联网水质监测仪目前还未调试好，因此模拟数据采集到数据库，做一个定时器做数据插入的功能（预计本周可以调试完毕，到时候传感器会定时采集数据传入服务器数据库，和此效果相同，先预留读取接口），然后websocke

SpringBoot + Vue 学生管理系统源码（包含数据库文件）

项目介绍这是一个采用前后端分离开发的项目，前端采用 Vue 开发、后端采用 SpringBoot + Mybatis 开发。项目部署1. 将 studentms.sql 导入数据库，参考下文数据库配置2. 运行 student_client_localhost 前端3. 运行后端方法1：配置 student_server 后端的 yml 文件，以及 port 为 10086

vue3引入element

1. 初始化vue项目 https://www.cnblogs.com/Emking/p/16701767.html 2. 安装element插件进入项目根目录下 npm install element-plus --save 3. 引入插件修改main.js 引入需要用到的组件 import { createApp } from 'vue' import App from './App.vue' //引入element-plus模

12、vue+elementUI （链接版）

链接:https://blog.csdn.net/qq_42025798/article/details/122369907?ops_request_misc=&request_id=&biz_id=102&utm_term=vue最新上手&utm_medium=distribute.pc_search_result.none-task-blog-2 路由配置 index import Vue from 'vue' import Router fr

vue3中在".vue"文件中使用使用"$store"报警告问题

vscode 在此系统上禁止运行脚本

vue : 无法加载文件 D:\download\soft\node-v12.22.5-win-x64\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/ go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。所在位置行:1 字符: 1+ vue create demo1+ ~~~ + CategoryInfo

Vue 配置多页面，去掉.html后缀的技巧

https://blog.csdn.net/weixin_45687922/article/details/112349414 https://cli.vuejs.org/zh/config/index.html https://blog.csdn.net/qq_41656414/article/details/123864755 Vue.config.js const pages = { // http://localhost:7575/dls-micro-app/iframe if

Javaweb-Vue初识：基础案例

什么是 Vue？ Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。更多案例请见vue官网 https://cn.v

Vue 的最大优势是？？？

Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 Vu

Vue3：环境集成

1.使用vue-cli创建 1.查看@vue/cli的版本,确保@vue/cli版本在4.5.0以上 vue --version 2.安装或者升级你的@vue-cli 3.创建 vue create vueproject 4.启动 cd vueproject npm run serve 2.使用vite创建创建: 1、生成一个模板页面 npm init vite hello-vue3 -- --template v

vue3+element-plus+登录逻辑token+环境搭建

vue3+element-plus+登录逻辑token环境搭建需求说明项目初始化 1 import ElementPlus from 'element-plus' 2 import 'element-plus/dist/index.css' 3 const app = createApp(App) 4 app.use(ElementPlus) 安装脚手架工具 1 npm i @vue/cli@4.5.13 -g 验证是否安

vue常用指令

指令的六大类内容渲染指令属性绑定指令事件绑定指令双向绑定指令条件渲染指令列表渲染指令内容绑定指令 1. v-text文本指令使用方法：内容 'zhangsan' 就展示在p标签里如果p标签原来有内容就会被 'zhangsan'覆盖掉 2. {{ }}插值表达式使用方法：

vue-pdf实现预览pdf并使用C-Lodop实现打印功能

本人的工作项目中，需求是：　　点击“打印”按钮，打开pdf预览弹出框，弹出框有：头部选择打印模板、打印方式、打印机，都是下拉选择框；中部是pdf预览块；底部是确定打印。准备工作：　　预览pdf，后端接口返回了pdf预览地址，可在线直接打开。vue-pdf插件可以满足需求。　　选择方式如果选择

测试开发实习生一面

哭了，面试官问的还是很细致 1.自我介绍 2.项目 3.vue的生命周期 4.vue的前端请求方法 5.前后端请求存在的问题 6.实现教师管理功能，步骤有哪些 7.前后端请求，跨域怎么解决 8.后端sprintboot..(这里忘了) 9.对测试的了解 10.情景题：智能捏脸功能，怎么做测试，从哪些方面 11.捏脸的效果测试

如何分发大文件、大文件传输解决方案-vue

一、概述所谓断点续传，其实只是指下载，也就是要从文件已经下载的地方开始继续下载。在以前版本的HTTP协议是不支持断点的，HTTP/1.1开始就支持了。一般断点下载时才用到Range和Content-Range实体头。HTTP协议本身不支持断点上传，需要自己实现。二、Range 用于请求头中，

vue插槽---具名插槽（二）

当需要多个插槽时，为了区别不同的插槽，需要给每个插槽一个名字，<slot> 元素有一个特殊的属性name，没有加name属性的插槽是默认插槽（默认name值为default）。子组件模板父组件中使用子组件　　Vue2.6.0之后的更新写法　　　　在template标签上使用v-slot指令，并以v-slot的参

npm安装的框架找不到xxx.cmd快捷命令

前提，已经配置好node的环境变量了例如windows平台安装完vue后，cmd命令行输入vue提示以下信息 ‘vue/webpack‘ 不是内部或外部命令，也不是可运行的程序或批处理文件缺少某项环境变量配置 npm config get prefix 复制得到的路径信息，去到桌面>右键计算机>属性>高级系统设置>环境变

vue 3 搭建电商网页实战日记全过程

学习 1. 搭建环境 2. 解决引用less跨域问题配置vue-router

Vue3 样式绑定

转自 https://www.runoob.com/vue3/vue3-class-bind.html Vue.js class class 与 style 是 HTML 元素的属性，用于设置元素的样式，我们可以用 v-bind 来设置样式属性。 v-bind 在处理 class 和 style 时，表达式除了可以使用字符串之外，还可以是对象或数组。 v-bind:class 可以简

vue3与vite下，element-plus组件库怎么实现按需引入

vue3与vite下，element-plus组件库怎么实现按需引入按需引入意义：减小打包后的包体积全量引入 // main.js import ElementPlus from 'element-plus'; import 'element-plus/dist/index.css'; import zhCn from 'element-plus/lib/locale/lang/zh-cn'; ... app.use(ElementPlu

8、插槽slot

点击查看代码  <div id="app"> <todo> <todo-title slot="todo-title" :title="title"></todo-title> <todo-list slot="todo-list" v-for="item in todoList" :l

Vue computed() 简介

computed() computed()计算属性。在setup内该函数返回ref类型，所以也是要求用.value取值，赋值。但在模板中可以自动解勾。 computed与methods的区别在于：computed是计算结果变化时触发，而methods是主动调用才触发。 computed与watch区别：watch类似于定时侦听变量，它很耗资源。而computed

java学习路线

javase基础链接---->javase mysql数据库链接---->mysql jdbc 链接---->jdbc javaweb 链接---->javaweb maven 链接---->maven ssm 链接---->ssm vue 链接---->vue springboot2+linux springboot2 链接---->springboot2 linux 链接---->linux github

vue命名规范

vue命名可遵循以下规则 1、有意义的名词、简短、具有可读性2、以小写开头，采用短横线分割命名3、公共组件命名以公司名称简拼为命名空间(app-xx.vue)4、文件夹命名主要以功能模块代表命名同时还需要注意：必须符合自定义元素规范: 使用连字符分隔单词，切勿使用保留字。app- 前缀作为命