粒子 星空three vue

1.组件的使用 2. 路由 跳转: 根据你输入的路径找到对应的组件（页面），从而渲染该组件。 router/index.js 根据请求路径找到对应的组件. 但是找到后无法渲染它。 3. vue工程中使用elementui <template> <!--必须创建一个div--> <div> <el-t ......

1. 只能输入数字/小数点/负号 2. 只能有一个负号， 只能有一个小数点 3. 第一位不能直接输入小数点，输入负号后不能直接跟随小数点 4. 第一位输入为0时或-0时，只能跟随小数点，不能跟随数字 例如01 09 5. 小数点后只能输入两位数字，不可输入其他，并且最后一位不能为0 6 . 因为是实 ......

官网概念：provide/inject需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在其上下游关系成立的时间里始终生效。 使用方法：在父组件中使用provide传值，在子组件中用inject接收 // 父组件 data(){ return { name:'阔落' ......

推荐：将NSDT场景编辑器加入你3D工具链 其他工具系列：NSDT简石数字孪生 材质效果 前面案例中几何体对应网格模型材质只是设置了一个颜色，实际渲染的时候往往会设置其他的参数，比如实现玻璃效果要设置材质透明度，一些光亮的表面要添加高光效果。 半透明效果 更改场景中的球体材质对象构造函数THREE. ......

A页面调用B页面的方法 不涉及父子组件时，调用的方式，使用this.$root.$emit()发送消息，进行调用， /** * 打开在全局组件中的弹框 */ handleOpenModal(){ this.$root.$emit('toolbar', { type: 'modal', fun: th ......

vue vue-router 安装vue-router 当前项目下安装 需要导入 vue3的写法 main.js import { createApp } from 'vue' import App from './App.vue' import Router from 'vue-router' c ......

我们都知道,通常情况下我们使用 vue 大多都是用的 SFC(Signle File Component)单文件组件模式,即一个组件就是一个文件,但其实 Vue 也是支持使用 JSX 来编写组件的。这里不讨论 SFC 和 JSX 的好坏,这个仁者见仁智者见智。本篇文章旨在带领大家快速了解和使用 Vu ......

本章目标：计算属性是如何实现的？计算属性缓存原理以及洋葱模型的应用？在初始化Vue实例时，我们会给每个计算属性都创建一个对应watcher，我们称之为计算属性watcher ......

web-view是什么 web-view 是一个 web 浏览器组件，可以用来承载网页的容器，会自动铺满整个页面（nvue 使用需要手动指定宽高）。 点击这里直达官网文档 点击这里下载我的代码demo 本文最下面还有一些==常见或者奇怪问题解决方案==哦~ 为什么使用这种方式搞页面？有什么好处呢？ ......

环境搭建 根据官方教程搭建开发环境。 项目根目录有index.html、main.js、public/三个文件（夹） 然后把nodejs16x卸载了，因为官方貌似今年底即将停止维护，换成了nodejs18x并且设置镜像： npm install -g cnpm --registry=https:// ......

1.Vue核心 1.1.介绍 1.1.1.官网 Vue中文官网：https://cn.vuejs.org 1.1.2.简介 Vue是一套用于构建用户界面的渐进式JavaScript框架。 构建用户界面：将一堆杂乱的数据转为简单易懂可视化的界面 渐进式：vue可以自底向上逐层的应用（从一个轻量小巧的核 ......

在public目录下的index.html文件中加入以下代码 //引入腾讯地图服务 <script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp&key= 腾讯地图-控制台-添加应用生成的key "></script> //引入腾讯地图的 ......

使用 NPM: bash $ npm create vite@latest 使用 Yarn: bash $ yarn create vite 使用 PNPM: bash $ pnpm create vite附加的命令行选项# npm 6.x npm create vite@latest my-vue ......

Vue生命周期 new Vue() new 了一个 Vue 的实例对象，此时就会进入组件的创建过程。 Init Events & Lifecycle 初始化组件的事件和生命周期函数 beforeCreate 组件创建之后遇到的第一个生命周期函数，这个阶段 data 和 methods 以及 dom ......

我在开发聊天界面的过程中，聊天内容部分是使用v-html渲染出来的，能够展示html内容 但是加载的图片是不能点击放大查看的，现在增加点击放大预览功能 首先html部分是下面这样的，也就是下面要增加一个隐藏的el-image <div v-html="row.content" @click="htm ......

在Vue3中，可以通过props将父组件的数据传递给子组件。具体步骤如下： 在父组件中定义要传递给子组件的数据，可以是data属性中的数据或者是计算属性computed中的数据。 在子组件中通过props属性声明接收父组件传递的数据。 在子组件中使用接收到的数据。 下面是一个示例： <templat ......

创建一个 Vue 应用 vue3快速上手 npm get registry #设置淘宝镜像 npm config set registry http://registry.npm.taobao.org #创建一个 Vue 应用 npm init vue@latest ✔ Project name: ......

Vue3 的状态管理主要是通过 Vuex 4 来实现。Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式，它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 在Vue3的状态管理中，以下是各个属性的作用： state：存储应用程序中的状态数据。它 ......

由vue-router模块控制，需要额外安装依赖。参考官网 npm install vue-router --save 组成 router-link 路由跳转，类似a标签，路由跳转作用 <router-link to="" /> router-view 路由视图，用于其他组件在该视图位置显示。 <r ......

依赖收集的过程 前言 使用真实节点替换原始节点，主要涉及以下步骤： 1.新老节点的更新方案。 2.虚拟节点与真实节点映射。 3.实现新老节点的替换。 依赖收集 已经完成了Vue的两大核心部分：响应式数据和数据渲染，即完成了整个Vue的初始化流程： 当new Vue()时，执行_init初始化，通过m ......

在 Vue Router 中，可以为路由和路由组件注册全局的路由守卫，也可以在组件内部注册路由守卫。 组件内部的路由守卫有以下几种： beforeRouteEnter：在路由进入组件前被调用，但是在组件实例化之前被调用，因此在该守卫中无法访问组件实例的 this。 beforeRouteUpdate ......

视频 6.setup的两个注意点 setup执行的时机 在beforeCreate之前执行一次，this是undefined。 setup的参数 props：值为对象，包含：组件外部传递过来，且组件内部声明接收了的属性。 context：上下文对象 attrs: 值为对象，包含：组件外部传递过来，但 ......

众所周知，vue3因为用了Proxy来实现响应式，而Proxy是es6的特性，这个特性是无法shim的。 如果用本身的js写一个es6的js的虚拟机呢？有点像c语言的自举了哈，只要写出一个汇编的c语言编译器，后面就可以脱离汇编，用c本身来实现更多的功能。 当然速度肯定没办法保证了，跑肯定是可以跑的。 ......

视频 5.reactive对比ref 从定义数据角度对比： ref用来定义：基本类型数据。 reactive用来定义：对象（或数组）类型数据。 备注：ref也可以用来定义对象（或数组）类型数据, 它内部会自动通过reactive转为代理对象。 从原理角度对比： ref通过Object.defineP ......

 ![](https://img2023.cnblogs.com/blog/3161121/202304/3161... ......

Proxy视频 Reflect视频 Vue3.0的响应式 实现原理: 通过Proxy（代理）: 拦截对象中任意属性的变化, 包括：属性值的读写、属性的添加、属性的删除等。 通过Reflect（反射）: 对源对象的属性进行操作。 MDN文档中描述的Proxy与Reflect： Proxy：https: ......

今天在项目开发中遇到一个 vue3 + Ts 的一个问题，项目运行没问题，但是就是代码就是报ts语法错误，如下： 原因：因为我们使用的是 ts 的语法，项目只识别 ts 后缀的文件，无法识别 .vue 文件，所以引入的时候会报错； tips：这里只是 ts 语法警告报错，实际并不影响我们项目的运行！ ......

vue vue使用 端口号 静态是在static里面 index。html不能改变 id = app是绑定的 一对一绑定 webpack学习 静态模块打包器 到处暴露export，暴露了HelloWorld 有暴露就有，导入import 安装webpack 使用webpack 建立一个项目 暴露一个 ......

背景 原请求将数据放到params中，导致数据拼接在请求地址后面，具有高级安全隐患。 请求方法: axios.request({ url: '/login', method: 'post', params: { username: '****', password: '****' } }) 出现的问 ......

1、子组建定义方法，并对外暴露 <script setup lang="ts"> import {computed, reactive, ref,defineExpose} from "vue"; /** * 定义方法 */ const initData = () => { console.info ......