前端 仓库nexus vue
Vue.js 求和案例-mapState和mapGetters
视频 6.四个map方法的使用 mapState方法:用于帮助我们映射state中的数据为计算属性 computed: { //借助mapState生成计算属性:sum、school、subject(对象写法) ...mapState({sum:'sum',school:'school',subje ......
Vue.js getter配置项
视频 逻辑复杂且跨组件使用 5.getters的使用 概念:当state中的数据需要经过加工后再使用时,可以使用getters加工。 在store.js中追加getters配置 ...... const getters = { bigSum(state){ return state.sum * 10 ......
如何设置Vue3 + Vite + Tailwind + Typescript 的6个简单步骤
Vite Vue3 Vue Router4 Typescript Pinia Tailwind CSS Fonts & Icons - (As needed) 第一步 npm create vite@latest vue3 和 Typescript 在设置vite时候会被选择为选项 1.1 项目名字 ......
Vue.js Vuex开发者工具的使用&Vuex写法一些疑问
视频 4.基本使用 初始化数据、配置actions、配置mutations,操作文件store.js //引入Vue核心库 import Vue from 'vue' //引入Vuex import Vuex from 'vuex' //引用Vuex Vue.use(Vuex) const acti ......
跟着视频敲vue项目遇到的各种疑难杂症
首先我照着视频敲了一个tabbar导航栏,但是毕竟视频也是以前的,现在这个vue各个东西版本都很高,只能说不按视频来疯狂报错。 之后开始正式项目又重新创建了一个项目,我没在意我直接默认创建,默认创建和视频里有两个不一样的点,一个是eslint(什么b玩应),另一个是vue2x还是3x,视频里是2x。 ......
geoscene for js vue 开发环境搭建及本地化部署
1、需求 公司项目要用到geoscene for js,所以你懂的 2、环境 win10、VSCode、geoscene for js 4.25.6 3、踩坑 1)、安装geoscene 按照官方说明文档 https://doc.geoscene.cn/javascript/4.23/install ......
Vue中使用axios发起POST请求成功,却被挂起
服务器能接收请求并处理,控制台没有报错,axios().catch也没有捕获异常。随后查看控制台网络页,发现被挂起 在Stack搜到同问题,上面说将axios()函数返回用.then查看被挂起信息。node.js - Axios get request hangs, no error, catch ......
Vue.js Vuex实现求和案例
视频 #Vuex版本 ##components ###Count.vue <template> <div> <!-- 模板里能看见vc上所有东西 --> <h1>当前求和为:{{$store.state.sum}}</h1> <select v-model.number="n"> <option v ......
Vue.js 搭建Vuex环境
视频 npm i vuex@3 3.搭建vuex环境 创建文件:src/store/index.js //引入Vue核心库 import Vue from 'vue' //引入Vuex import Vuex from 'vuex' //应用Vuex插件 Vue.use(Vuex) //准备acti ......
Vue.js 纯Vue实现求和案例
纯Vue实现视频106 #纯Vue版本 ##components ###Count.vue <template> <div> <h1>当前求和为:{{sum}}</h1> <select v-model.number="n"> <!-- 收集到的是字符串类型, v-model.number="n"强 ......
Vue 核心(一)
Vue 核心(一) 一、 Vue 简介 1、 概述 Vue是一套用于==构建用户界面==的==渐进式== JavaScript 框架。 渐进式:Vue 可以自底向上逐层的应用。 简单应用:只需一个轻量小巧的核心库 复杂应用:可以引入各式各样的 Vue 插件 如果说是JQuery是手工作坊,那么Vue ......
Vue——initInjections【九】
前言 前面我们简单的了解了 vue 初始化时的一些大概的流程,这里我们详细的了解下具体的内容; 内容 这一块主要围绕init.ts中的initInjections进行剖析,初始化生命周期之后紧接着。 initInjections initInjections的方法位于scr/core/instanc ......
Vue中的this.$options.data()的this指向问题
项目里遇到一个问题,用this.$options.data()重置组件data时报错,原因是因为form里的rule规则采用了this写法。 如下: rules: { code: [this.$rules.required()], name: [this.$rules.required()], ag ......
Vue3
Vue3.0 Devtools6.5.0 开发者工具下载和安装 1、官网地址下载: GitHub - vuejs/devtools: ⚙️ Browser devtools extension for debugging Vue.js applications. 2、下载安装 ①找到其main下的T ......
javaweb-vue快速入门
资料来源于:B站尚硅谷JavaWeb教程(全新技术栈,全程实战) ,本人才疏学浅,记录笔记以供日后回顾 视频链接 知识点 Vue 前置条件:需要在项目中放入 vue.js文件 1) {{}} - 相当于innerText 2) v-bind:attr 绑定属性值。例如,v-bind:value - ......
怎样实现纯前端百万行数据秒级响应
前端表格控件SpreadJS 推出了新的功能集算表功能。集算表 (Table Sheet)是一个具备高性能渲染、数据绑定功能、公式计算能力的数据表格,通过全新构建的关系型数据管理器结合结构化公式,在高性能表格的基础上提供排序、筛选、样式、行列冻结、自动更新、单元格更新等功能。 什么是集算表(Tabl ......
vue3 移动端 实现树形结构 tree
实现效果: ) 版本号: 1、需求是支持全选功能,网上找了许多 这里做个记录 这里使用的是vue-virtual-tree 感觉作者写的很详细 可以跳转查看 git地址 2、使用方法 (1)npm i @ysx-libs/vue-virtual-tree (2)main.js中引入 import ' ......
vue keepAlive 三级菜单缓存
需求:缓存跨二级三级菜单。 原来项目是二级路由,现在增加一个层级。这种情况菜单展示是没有问题的,只是新的三级菜单不能缓存。 1.搭建框架 2.使用keepAlive --include <keep-alive :include="keepAliveList"> <router-view :key=" ......
为vue程序多环境部署设置动态路由
问题的提出 Vue前端+springboot后端的开发架构很普遍,一般最终以war的形式部署到tomcat中运行。 笔者在开发、测试、部署时,由于环境不一致,需要不断改变vue前端的配置,导致一些不必要的重复工作。具体见下表, 运行环境 web服务器 前端访问后端的路径 开发时 vue采用ide自带 ......
vue3+ts的toRef和toRefs用法
<template> <div> <h2>toRefs的使用</h2> <h3>姓名:{{ obj.name }}</h3> <h3>年龄:{{ obj.age }}</h3> <hr /> <h3>姓名:{{ name }}</h3> <h3>年龄:{{ age }}</h3> </div> </ ......
数据仓库SQL代码规范
1.命名规则: 数据库、表、列、索引等名称应使用有意义、易于理解和记忆的命名方式。 应使用小写字母和下划线,避免使用大写字母和特殊字符。 应避免使用保留字和关键字作为名称,或在名称前加上特定前缀或后缀以避免与保留字冲突。 2.编码风格: 应使用一致的缩进、空格、换行等格式规范,以提高代码的可读性。 ......
审查人员进行数据仓库SQL代码审查的指南
代码规范:审查人员需要确保SQL代码符合团队的代码规范。这包括代码缩进、代码注释、命名规则等。 SQL性能:审查人员需要检查SQL查询的性能。这包括检查是否使用了索引、是否存在冗余计算、是否使用了正确的连接方式等。 SQL正确性:审查人员需要检查SQL语句的正确性,确保SQL语句执行不会引发错误或意 ......
vue-router往router component传props如果是named-views的话必须为每个named-view都定义props
在ssr改造时发现往Index.vue传props死活传不了,组件是named-view。 { path: 'list/:page', meta: { isGoodsList: true }, components: { default: () => import('pages/Index.vue' ......
数据仓库是一个用于存储和管理企业数据的中央存储库,因此需要确保其中的代码质量。以下是几种保证数据仓库代码质量的方法:
代码审查:在数据仓库开发过程中,通过对代码的定期审查来检查潜在的错误和问题,并确保代码符合团队的开发标准和最佳实践。 自动化测试:实现自动化测试是确保代码质量的关键,包括单元测试、集成测试和端到端测试。这些测试可以检测代码的可靠性、性能和安全性等方面的问题,同时还可以快速检测到任何潜在的问题。 代码 ......
几种高效的方法来进行数据仓库的code review
制定标准和规范: 在开发数据仓库的过程中,制定统一的代码规范和标准,确保所有开发人员都能按照这些规范和标准进行代码开发。这些标准和规范可以包括SQL语法、代码注释、命名规则、代码结构等。 审查指南: 在进行code review时,可以提供一份指南来帮助审查人员进行审查。这份指南可以列出常见的错误类 ......
Vue2可以检测 引用数据类型 数组的响应式变化
在Vue2中,响应式基于Object.defineProperty实现的响应式,官方文档中明确说明 Vue 不能检测以下数组的变动: 当你利用索引直接设置一个数组项时,例如:vm.items[indexOfItem] = newValue 当你修改数组的长度时,例如:vm.items.length ......
Gogs远程仓库迁移
场景:因服务器A要停用,将服务器A中gogs服务迁移到服务器B中;保证B中gogs服务无任何异常后,才可释放A服务器 一、准备工作: 服务器A:192.168.1.20 服务器B搭建mysql5.7数据库 192.168.1.30 服务器B搭建gogs远程仓库 192.168.1.30 二、gogs ......