事项vue cli 01

Vue 数组中出现__ob__: Observer无法取值[已解决]

Vue 数组中出现__ob__: Observer无法取值[已解决] 代码如下 ![](https://img2023.cnblogs.com/blog/1119068/202307/1119068-20230704131350952-1843095638.png) ![](https://img2 ......
数组 Observer Vue ob

Day01-6 数据类型

数据类型 强类型语言 要求变量的使用要符合规定,所有变量都必须先定义后才能使用 java数据类型的两大类 基本数据类型 数值类型 整数类型 byte占1个字节范围:-128-127 shout占2个字节范围:-32768-32767 int占4个字节范围:-2147483648-2147483647 ......
类型 数据 Day 01

springboot+vue

springboot+vue总结 今天来总结一下前几天学的springboot+vue 首先呢vue是用来绘制前段界面的类似于html,springboot是后端数据处理,这两个将前后端分离,只需要留出对应接口就可以以实现基于端口的前后数据互通,当然这个数据互通我是用的是传统的axios请求 首先是 ......
springboot vue

2023-07-04 如何处理vue中不能监听到父传子组件props的变化

前言:父传值给子组件,子组件需要根据传进来的值进行watch监听props中的值并遍历插入一个值,然后同时子组件的页面会跟着渲染。 问题就是:子组件无法拿到watch更新的props值,比如传进一个list,然后通过watch来监听并在list里面加入一个新的值,前端页面拿不到新的值故而报错。 原因 ......
组件 props 2023 vue 07

idea配置vue.js启动vue项目

最近老师给力一个项目比赛,那个是前后端分离的。 我之前了解过一些,我也配置过idea的vue.js,但是好久不用忘了。 所以重新找回了一下: ......
vue 项目 idea js

【2023-07-01】连岳摘抄

23:59 现在我们能造什么?能造桌子,能造茶碗茶壶,能种粮食,还能磨成面粉,还能造纸,但是一辆汽车、一架飞机、一辆TANK、一辆拖拉机都不能造。牛皮不要吹得太大,尾巴不要翘起来。当然,我不是讲,能造一辆,尾巴就可以翘一点,能造十辆,尾巴就可以翘得高一点,随着辆数的增加,尾巴就翘得更高一些。那是不行 ......
2023 07 01

关于vue的跨平台打包方式

在先前写了一个vue的程序,想着万一以后会用到网页端转移动端的功能,就尝试着使用打包功能。 1.使用cordova进行跨平台的打包(需要准备:java,sdk(最好下一个android studio,要做好发墙的准备),gradle等) 具体操作可以参考https://blog.csdn.net/q ......
方式 vue

03 :vue3 条件渲染

1 <template> 2 <h1>条件渲染</h1> 3 4 <P>1、v-if v-else 示例:</P> 5 <div v-if="flag">你能看见我么,if</div> 6 <div v-else>那你还是看看我吧,else</div> 7 8 <p>2、v-else-if 示例:< ......
条件 vue3 vue 03

最新windows10 下搭建vue开发环境

特别说明:下面任何命令都是在windows的命令行工具下进行输入,打开命令行工具的快捷方式如下图: 详细的安装步骤如下: 一、安装node.js 说明:安装node.js的windows版本后,会自动安装好node以及包管理工具npm,我们后续的安装将依赖npm工具。 node.js的官方地址为:h ......
windows 环境 vue 10

vue通用的增删改查按钮组件

1. 代码复用:这个组件可以在多个页面或组件中使用,避免了重复编写相同的按钮代码。 2. 灵活性:通过`showButtons`属性,可以根据需要显示不同的按钮。默认情况下,它会显示添加、修改和删除按钮,但你也可以根据具体情况传递其他值来显示或隐藏按钮。 3. 可定制性:每个按钮都有自己的点击事件处 ......
组件 按钮 vue

前端Vue自定义精美悬浮菜单按钮fab button 可设置按钮背景颜色 菜单按钮展开条目

#### 前端Vue自定义精美悬浮菜单按钮fab button 可设置按钮背景颜色 菜单按钮展开条目,下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13321 #### 效果图如下: ![](https://p3-juejin. ......
按钮 菜单 条目 前端 颜色

Day01

Markdown学习 标题 对应于Ctrl+1234,或者对应数量的#+" "+标题名 字体 哈哈 哈哈 哈哈 用对应数量的* Ctrl+u=下划线 +b=粗体 +i=斜体 哈哈 ~~表示划线 引用 不乱于心,不困于情。不畏将来,不念过往。如此,安好。 用>+" "+话语 分割线 用三个- 或者三个 ......
Day 01

前端Vue自定义精美上下滚动通告栏组件 常用于展示公告信息 上下滚动跑马灯 上下滚动广播

#### 前端Vue自定义精美上下滚动通告栏组件 常用于展示公告信息 上下滚动跑马灯 上下滚动广播,下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13318 #### 效果图如下: ![](https://p3-juejin.b ......
上下 跑马灯 前端 组件 通告

关闭vue项目中Uncaught runtime errors弹窗页面

![markdown](https://img-blog.csdnimg.cn/70f1130771aa477194bc9ba08f943c06.png) 看控制台发现有webpack类名,应该是webpack搞出来的 *** ###解決办法 再vue.config.js中添加以下配置: ```ja ......
Uncaught runtime 页面 项目 errors

前端Vue自定义精美宫格菜单按钮组件 可设置一行展示个数 可设置成九宫格 十二宫格 十五宫格

#### 前端Vue自定义精美宫格菜单按钮组件 可设置一行展示个数 可设置成九宫格 十二宫格 十五宫格 , 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13315 #### 效果图如下: ![](https://p3-juej ......
九宫 前端 组件 一行 个数

前端工程化实战-开发企业级CLI

脚手架大家一定都不陌生,比如我们经常使用的 vue-cli、create-react-app,它可以帮助我们快速的初始化一个项目,无需从零配置,极大的方便我们的开发。到这里你可能会疑惑,既然市面上有成熟的脚手架,为什么需要写一个属于自己的脚手架呢。因为公共脚手架虽然强大,但并不能满足我们的实际开发需... ......
前端 实战 工程 企业 CLI

Vue3学习-01_前端工程化与webpack

## 背景 最近在学习Vue知识,参照的教程是[黑马程序员官网](https://www.itheima.com/)提供的免费前端教程,这里记录一下自己的学习笔记以及遇到的相关问题。 ## 前端工程化的概念及优点 前端工程化指的是:在企业级的前端项目开发中,把前端开发所需的工具、技术、流程、经验等进 ......
前端 webpack 工程 Vue3 Vue

vue项目中的package.json的private选项的作用

{ "name": "项目名称", "description": "描述", "version": "版本", "private": true, "author": "test Team", "license": "MIT", } 如果你在你的 package.json 中设置了“private”: ......
作用 package private 项目 json

CSharp的@microsoft/signalr实时通信教程 - 前端 vue

1. 安装@microsoft/signalr pnpm install @microsoft/signalr --save 2. 封装组件 js import * as signalR from '@microsoft/signalr' export function SignalR () { c ......
前端 实时 microsoft signalr 教程

编程开发 --- vue是什么

只面向视图层的html模板引擎 只面向视图层指的是可以在浏览器独立运行且只关注视图。 模板引擎指的是使得html具备完备编程语言的特性。比如if语句 Vue是一种用于构建用户界面的渐进式JavaScript框架。它是一个开源项目,由尤雨溪(Evan You)开发,并得到了广泛的社区支持和贡献。 Vu ......
vue

day01--6.30Markdown基础语法

# Markdown学习 标题: ## 二级标题 ### 三级标题 #### 四级标题 ## 字体 **Hello,Word!** *Hello,Word!* ***Hello,Word!*** ~~Hello,Word!~~ Hello,Word! ## 引用 >引用 ## 分割线 *** ## ......
语法 Markdown 基础 6.30 day

Vue-案例-查询所有

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <a href="addBrand.html"><input type="button" value= ......
案例 Vue

Docker CLI docker inspect 常用命令

Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的 Linux或Windows操作系统的机器上,也可以实现虚拟化。Docker是内核虚拟化,不使用Hypervisor是不完全虚拟化,依赖内核的特性实现资源隔离。本文主要介绍Docke ......
命令 常用 inspect Docker docker

Vue01

# 1.简单了解前端的发展过程 - 最初的网页以HTML为主,是纯静态的网页。网页是只读的,信息流只能从服务端到客户端单向流通。开发人员也只关心页面的样式和内容即可。 - 1995年,网景工程师Brendan Eich 花了10天时间设计了JavaScript语言. - 2005年开始,ajax逐渐 ......
Vue 01

Vue-生命周期

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <div v-for="addr in addrs"> {{addr}} ......
周期 生命 Vue

Vue-指令-v-for

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <div v-for="addr in addrs"> {{addr}} ......
指令 v-for Vue for

Vue-CoreVideoPlayer 视频播放器组件

# 安装 ```python cnpm install -S vue-core-video-player ``` # 快速使用 ```python # 在main.js中 import VueCoreVideoPlayer from 'vue-core-video-player' Vue.use(V ......

Vue-指令-v-if和v-show

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <div v-if="count == 3">div1</div> <d ......
指令 v-show v-if show Vue

Vue-指令-v-on

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <input type="button" value="一个按钮" v- ......
指令 v-on Vue on

Vue-指令-v-bind和v-model

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <a v-bind:href="url">点击一下</a> <a :hr ......
指令 v-model v-bind model bind