element threejs main vue
VUE3刷新页面报错：Uncaught SyntaxError: Unexpected token ‘＜‘
今天用vue3配置嵌套路由时，发现刷新页面后，页面变为空白，打开控制台发现报错： Uncaught SyntaxError: Unexpected token '<' 解决方法： 修改vue.config.js文件： publicPath:"/", 注意不是： 登录后复制 publicPath:". ......
Vue.js 多组件共享数据
视频 #components ##Count.vue <template> <div> <h1>当前求和为：{{sum}}</h1> <h3>当前求和放大10倍为：{{bigSum}}</h3> <h3>我在{{school}}，学习{{subject}}</h3> <h3 style="color ......
Vue.js 求和案例-mapActions和mapMutations
视频 mapActions方法：用于帮助我们生成与actions对话的方法，即：包含$store.dispatch(xxx)的函数 methods:{ //靠mapActions生成：incrementOdd、incrementWait（对象形式） ...mapActions({incrementO ......
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 ......
vite 如何使用 element-ui
vue2 vite 如何使用 element-ui 项目版本如下 { "dependencies": { "element-ui": "^2.15.13", "vue": "^2.7.7" }, "devDependencies": { "@vitejs/plugin-legacy": "^2.0. ......
Vue.js 纯Vue实现求和案例
纯Vue实现视频106 #纯Vue版本 ##components ###Count.vue <template> <div> <h1>当前求和为：{{sum}}</h1> <select v-model.number="n"> <!-- 收集到的是字符串类型， v-model.number="n"强 ......
克隆了一套测试环境和docker容器，在docker build的时候，alpine镜像的apk update一直出现ERROR: http://mirrors.ustc.edu.cn/alpine/v3.9/main: temporary error (try again later)
【问题描述】 网管从开发环境克隆了四台虚拟机及docker容器过来，作为uat环境使用，但是在配置好uat环境的流水线脚本后，每次执行uat分支就报错，其它分支可以正常执行； fetch http://mirrors.ustc.edu.cn/alpine/v3.9/main/x86_64/APKIN ......
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 - ......
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> </ ......
Element UI中的.babelrc的位置及替换内容解析
Element UI中的.babelrc的位置及替换内容解析 路径：[自定义的文件名]\node_modules\babel-plugin-dynamic-import-node\.babelrc 然后把以下内容： { "presets": [ "airbnb" ], "plugins": [ "a ......
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' ......
Vue2可以检测 引用数据类型 数组的响应式变化
在Vue2中，响应式基于Object.defineProperty实现的响应式，官方文档中明确说明 Vue 不能检测以下数组的变动： 当你利用索引直接设置一个数组项时，例如：vm.items[indexOfItem] = newValue 当你修改数组的长度时，例如：vm.items.length ......