组件vue npm
如何设置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"强 ......
Spring Cloud Alibaba系列(三)微服务配置管理和服务管理组件Nacos高可用集群的搭建
网络上Nacos的文章很多，大部分都只说到了怎么搭建单机版本，这里来说说Nacos的集群。 Nacos是Spring CLoud ALibaba重要组件，起了注册中心和配置中心作用。 首先微服务中通过以下pom.xml配置即可集成nacos，大家要尽量使用starter少自定义零碎依赖，否则版本不好 ......
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 ......
记录--你还在傻傻的npm run serve吗？快来尝尝这个！
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 背景 大家在日常开发中应该经常会有需要切换不同环境地址的情况。当一个项目代码切换环境地址时，vue-cli没有能够感知文件的变化，所以代理的还是旧的地址，所以通常我们需要执行npm run serve进行项目重跑，而项目重跑往往意味着长时 ......
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> </ ......
一统天下 flutter - widget 滚动类: ScrollController - 用于控制可滚动组件和滚动条
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget 滚动类: ScrollController - 用于控制可滚动组件和滚动条 示例如下: lib\widget\scroll\sc ......
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' ......
一统天下 flutter - widget 滚动类: SingleChildScrollView, Scrollbar - 可滚动组件，滚动条
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget 滚动类: SingleChildScrollView, Scrollbar - 可滚动组件，滚动条 示例如下: lib\widg ......
Vue2可以检测 引用数据类型 数组的响应式变化
在Vue2中，响应式基于Object.defineProperty实现的响应式，官方文档中明确说明 Vue 不能检测以下数组的变动： 当你利用索引直接设置一个数组项时，例如：vm.items[indexOfItem] = newValue 当你修改数组的长度时，例如：vm.items.length ......
React的组件通信与状态管理
目录 1. 组件通讯-概念 1.组件的特点 2.知道组件通讯意义 总结： 2. 组件通讯-props 基本使用 1.传递数据和接收数据的过程 2.函数组件使用 props 3.类组件使用 props 总结： 3. 组件通讯-props 注意事项 1.知道什么是单向数据流？ 2.props 可以传递什 ......
Vue Hls m3u8 视频/直播
Hls m3u8 视频/直播 涉及知识：Vue hls m3u8 乐橙云 大华摄像头 Vue2 实时显示大华摄像头画面 安装依赖 "vue": "^2.6.11", "video.js": "^5.19.1 || ^6.2.0", "videojs-contrib-media-sources": " ......
安装 npm 包时无法解决 Angular 中的依赖树错误
转载:https://www.angularjswiki.com/angular/unable-to-resolve-dependency-tree-error-in-angular-while-installing-npm-packages/ 修复 Unable to resolve depend ......