事项vue cli 01

## 问题描述： ``` // 声明变量 let data = reactive([]); http().then(res=>{ data = res.data console.log(data) }) // data数据更新，页面没有渲染， ``` ## 1、因数据结构而导致的未渲染解决方法： * ......

.env.development（开发环境）、.env.prodction（正式环境）、自定义环境 原文链接：https://blog.csdn.net/qq_42855675/article/details/114261585 文章目录 1.配置文件：2.命名规则3.关于文件的加载使用自定义环境 ......

> 上一篇说了 DefineOptions、defineModel、Props 的响应式解构和从外部导入类型 这几个新功能，但是没有说Generic、defineSlots等，这是因为还没有完全搞清楚可以用在什么地方。折腾了几天终于弄清楚了。 这还要从 TS 的泛型说起。 ## 泛型的目的和意义 泛 ......

vue --version 显示的却是vue cli的版本号，为什么？ 如果您在运行 vue --version 命令时显示的是 Vue CLI 的版本号，而不是 Vue.js 的版本号，那可能是因为您已经全局安装了 Vue CLI。 Vue CLI 是一个用于快速搭建 Vue.js 项目的脚手架工 ......

> 本教程计划通过100天的时间，每天分享一篇关于python的知识点，与大家一起学习python这门编程语言。 Python 对初学者来说是一门很棒的语言： - 容易学 - 有一个积极的支持社区 - 在网络开发、游戏、数据科学方面提供多种机会。 ## Python的应用领域 目前Python在We ......

[TOC](基础) > 这里只是起跑线而不是终点线。 # 1：概念名词 ## 1.1：域名 - **什么是域名** 域名是用于标识 IP 地址的字符串。它用于将易于记忆的名称与 IP 地址相关联。 - **域名在哪里注册** 域名可以在许多互联网注册机构注册（如 GoDaddy、阿里云、腾讯等）。这 ......

1 computed:{ 2 tableColumns(){ 3 return [ 4 { 5 title: "封面", 6 key: "pageImage", 7 render: (h, params) => { 8 return h("img", { 9 style: { 10 height: ......

在使用 setup() 语法糖时，方法的定义和 watch 的调用都在 setup内部进行。 需要确保方法在 watch 调用之前可访问。 **错误示例** ```html ``` 这个时候，会报错`Uncaught (in promise) ReferenceError: Cannot acces ......

using System.Net.Sockets;public class Client { /// <summary> /// 序列号 /// </summary> public int Number { get; set; } /// <summary> /// 用户超密 /// </summa ......

1.背景 2.解决 在tsconfig.json文件中添加配置 "noImplicitAny": false, "allowJs": true, 或者使用 require 来导入文件 ......

在Vue2项目中有时候会用到百度地图插件，更适配Vue项目的可以结合Vue-baidu-map来实现。 Vue-baidu-map地址 使用npm 安装 $ npm install vue-baidu-map --save 或者使用CDN来进行引入 <script src="https://unpk ......

## 配置vue.config.js ``` ... ... module.exports = defineConfig({ ... ... configureWebpack: { plugins: [ AutoImport({ resolvers: [ElementPlusResolver()], ......

我们知道 .vue 文件的基本结构是： <template> ........ </template> <script> export default { name: "demo" } </script> <style scoped> .demo { font-size: 28px; } </sty ......

1、当子路由以/开始时，它会被视为根路由，并且会显示在URL的根路径中  2、当子路由不以/开始时，它将 ......

1、当子路由以/开始时，它会被视为根路由，并且会显示在URL的根路径中  2、当子路由不以/开始时，它将 ......

全局安装 首先配置淘宝镜像 cmd打开，输入 npm config set registry https://registry.npm.taobao.org 安装命令 npm install -g @vue/cli 发现报错如下，没有权限！！使用管理员模式。 重新开始，完美！！ 然而输入查看vue ......

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

# props * 父子组件之间通信最好的方式 ``` // 父组件 props:这里是父组件 // 子组件 我是子组件 {{props.money}} {{money}} 修改props数据 ``` # 自定义事件 * 父子组件通信 ``` // 父组件 点击我传递多个参数 // 子组件2 我是子 ......

buu的题那个梯度我觉得没啥意思，跑来NSS开刷，放个nss的网站先： [题库 | NSSCTF](https://www.nssctf.cn/problem) 虽然水平已经超过了简单的栈题不少了，但是还是从头刷吧，~~毕竟很享受这种炸鱼和全绿的快感~~ 然后nss上面题的顺序很怪异，我是按照第一个 ......

四、虚拟机快照 通过拍摄虚拟机快照，可以完全克隆一份相同的已配置好的虚拟机，方便以后使用，免除重复创建系统的麻烦； 虚拟机快照会存在IP冲突的情况； 步骤 1、关机 -- 拍摄快照 2、克隆主机 3、IP冲突解决 -- 改IP地址 改最后一位 3 - 254 之间的任一数字 # 查看网卡名称，或者查 ......

这个是eslint的报错，严格模式下的话不会允许未使用的字段存在 两个解决方案，要么把定义但是没用到的东西输出（console.log(参数)），要么就关闭严格模式 项目下看看有没有.eslintrc.js文件把这个配置改一下然后重新运行一下 没有这个文件的话就找找package.json里面的es ......

vue列表逐个进入过渡动画 vue2，vue3，通过vfor产生列表，使子元素逐个进入效果 文章详情：https://www.cnblogs.com/Llshy/articles/17430695.html ......

很简单，直接在vite.config.ts里面添加配置即可： export default ({ mode }) => defineConfig({ build: { minify: "terser", terserOptions: { compress: { //生产环境时移除console dr ......

## 问题描述 单页面应用中一般把样式文件写在.vue文件中，如下: ``` ``` ......

Iframe是一个历史悠久的HTML元素，根据MDN WEB DOCS官方介绍，Iframe定义为HTML内联框架元素，表示嵌套的Browsing Context，它能够将另一个HTML页面嵌入到当前页面中。Iframe可以廉价实现跨应用级的页面共享，并且具有使用简单、高兼容性、内容隔离等优点，因此... ......

### 易错点解析 - 遍历嵌套数据:外层套里层,外层的数据得先有,由于里层的数据依赖外层,才能继续渲染 ``` - 数据格式类似这样: [ { id:1 name:'xxx' categoryChild:[...] // 继续上面的套路,包裹一个个对象,里面再包裹[]... } {...} {.. ......

我们在做VUE项目开发的时候，经常会遇到需要绑定多个判断条件，多个class，多个style的情况，下面就整理一下： 一、绑定多个判断条件 二、绑定多个class 1、绑定一个类名 <div :class="{'active':isActive}"></div> 或三元表达式： <div :clas ......

相信很多公司的前端开发人员都会选择使用vue+element-ui的形式来开发公司的管理后台系统，基于element-ui很丰富的组件生态，我们可以很快速的开发管理后台系统的页面（管理后台系统的页面也不复杂，大多都是分页查询类需求和增删改查）。但一个前端框架有优点，就必然会有一些缺点或bug存在，e... ......

## 01. 组件化思想 当我们面对一个复杂问题的时候，常见的、高效的做法就是对复杂问题进行拆分， 将复杂问题拆分成一个个小的、简单的问题， 逐一解决小问题，再将处理好的小问题整合到一起， 如此解决复杂问题。 ![image-20230525000514877](https://img2023.cn ......

## 效果图  ## 主要代码 index.html ```html ......