vue学习笔记

最新推荐文章于 2024-08-15 19:41:48 发布
最新推荐文章于 2024-08-15 19:41:48 发布
阅读量93 收藏
点赞数 2
文章标签： vue.js 学习 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_55288675/article/details/124720031
版权

该文档只记我自己记不住的

webpack前

mounted生命周期：页面生成时触发
watch监听器：属性发生变化时触发
模板ref，可以让父组件直接操作子组件属性。但是除了特定场景之外，首先还是推荐使用props和emit接口来父子传值

webpack后

API风格偏好

我使用的
我班上教学用的是选项式+SFC。
组合式是官方vueRouter文档用的，有const
HTML也是官方vueRouter文档用的💔很伤心

【定义一个组件】
当使用构建步骤时，我们一般会将 Vue 组件定义在一个单独的 .vue 文件中，这被叫做单文件组件 (简称 SFC)
                                                                                                        ——官方文档

零散知识点

组件命名不能是html标签（关键字），如nav，menu。应当改为mynav之类。

Monster2022
关注
Vue学习笔记
04-29
Vue的学习笔记通常会包含以下核心知识点： 1. **基础概念**：Vue的核心特性包括数据绑定、指令系统、组件化、生命周期、虚拟DOM等。数据绑定允许开发者用双大括号`{{ }}`在HTML中直接展示Vue实例中的数据。指令系统...
VUE学习笔记
07-17
Vue的学习笔记将涵盖其核心概念、基本用法以及实际应用。 一、Vue的核心概念 1. 双向数据绑定：Vue采用MVVM（Model-View-ViewModel）模式，通过`v-model`指令实现了视图与数据模型之间的双向绑定，使得数据变化时...
vue学习笔记vue学习笔记
08-14
Vue 学习笔记 本文档主要介绍 Vue 框架的基础知识点，包括 Vue 路由、CSS 样式、表单获取值、数据绑定、事件处理等。 一、Vue 路由 在 Vue 中， `<router-view/>` 是用来承载当前级别下的子级路由的一个视图标签...
详细介绍 Vue3 的 watch 和 watchEffect
最新发布
weixin_52648900的博客
08-15 634
非常详细介绍了vue3的watch和watchEffect区别和联系
实现父组件调用子组件方法时报错：[Vue warn]: Invalid vnode type when creating vnode: null.
08-14 166
[Vue warn]: Invalid vnode type when creating vnode: null.
vue3使用pnpm运行项目但是运行不起来
一个努力不被优化的程序员
08-12 178
重新创建项目，将老项目的package.json，vite.config.ts，src等文件拖拽替换。删除node_modules重新下：文字编译乱码，utf-8可能解析处理问题。（如果哪位知道为什么会这样或者怎么解决麻烦留言下）运行项目的时候发现根本运行不起来了。删除node_modules重新下。尝试过创建.npmr文件。创建.npmr：不管用。
element table 判断当前行是否展开和只展开一行
m0_68716504的博客
08-15 176
element组件提供了table的展开和收起功能，并提供了expand-change事件用来监听table行的展开和收起在一些特殊情况下如：处理异步数据时，希望展开行时请求接口，关闭行时不用请求，但是expand-change，无论是展开还是收起都会触发，于是就希望能有一个类似isExpended布尔类型的状态属性来判断是否调用接口。
monaco-editor自定义定制/扩展其他语言
m0_51431448的博客
08-12 61
目前monaco-editor内置有61种语言，但是只对css、html、json、typescript 支持的，功能也比较全。我们要是使用其他的语言比如javascript、java、sql等可能会报错，使用上面内置的四种语言之外的其他语言就需要我们自己定制、扩展了。如果有更多的可以自行扩展，monaco-editor中也都有对应语言的提示的自带的包，也可以自己编写逻辑哈。但是没考虑到语言的问题。我这边写了最常用的javascript、java、sql基础扩展支持。
Vue 3的Computed属性
计算机图形学
08-15 261
Vue 3的组合式API为Computed属性的使用带来了新的变化和可能性。通过computed函数，开发者可以轻松地创建只读或可写的Computed属性，并在组件中高效地处理响应式数据。合理使用Computed属性，可以使代码更加简洁、清晰和高效。
vue3中子向父传数据
m0_61265297的博客
08-15 63
父组件首先，我们创建一个父组件，名为代码解释1，在 <template> 部分，我们展示父组件的数据 receivedData，并通过自定义事件 sendData 来接收子组件传递的数据。2，在 <script setup> 部分，我们引入了Vue3的 ref 来创建响应式变量 receivedData。3，updateData 方法用于更新接收到的数据。4，我们通过引入并使用子组件 ChildComponent，同时监听其 sendData 事件并调用 updateData 方法。
使用el-menu跳转时偶尔会出现路由已经变了，但是页面却显示空白的情况
qq_49080239的博客
08-15 102
我改的期间发现，是上一个跳转的组件如果出现template里包了多个标签，那么下一个组件就会变成空白。所以当你发现有一个页面跳转出错，但是怎么也找不到错误时，那你就去看看它的上一个跳转的页面是不是存在错误。刚开始我以为是我数据加载的问题，后来又看有人说是template里不能包多个div，但我去看我出错的组件，并没有出现两个div。后来我就把每个都给改了，即使是elemen-ui的标签也全部改在一个div里，就发现没问题了。
vue 3d echarts scatter3D元素塌陷，图标塌陷进地图完美解决方案
creatlh的博客
08-12 162
当我们手机用 scatter3D 类型时，最小值因为渲染问题会塌陷进模型里面，所以只要让value固定，再将label formatter 配合 boxHeight属性即可解决，（代码附带自定义label图标解决办法）
88.SAPUI5 Model Binding的问题-在view更改数据，model却不变
智盟科技智能制造团队的博客
08-15 149
在做一个UI5项目，后台读取sap.ui.model.Model后，把数据绑定到view的table里，在table更改数据，后台取sap.ui.model.Model后，数据没有改变，仍然保持当初从后台读取过来的值。后台同事问了一句，是不是和绑定模式有关。进而调查到model的最初绑定的代码段，果然发现绑定的是OneWay模式，更改后TwoWay后，问题得到解决。BindingMode双向意味着从模型到视图，反之亦然。BindingMode单向表示从模型到视图。我们研究了好长时间，没找到症结。
Vue3+Vite项目从零搭建+安装依赖+配置按需导入
qq_46574748的博客
08-14 1278
在项目的 src 目录下新建一个 router 目录，然后在 router 目录下新建一个 index.js 文件，该文件会作为 Vue Router 的入口文件，该文件内容如下。在项目的 src 目录下新建一个 store 目录，然后在 store 目录下新建一个 index.ts 文件，该文件会作为 Pinia 的入口文件。一般情况下，一个环境对应一台服务器，也有的公司开发与测试环境是一台服务器！顾名思义，开发使用的环境，每位开发人员在自己的dev分支上干活，开发到一定程度，同事会合并代码，进行联调。
@RequestParam @RequestBody @PathVariable 这三个注解对应的前端使用vue的http请求时不同的调用方式
QQ1817117243的博客
08-15 272
调用方式：通过查询参数或表单格式发送，适用于GET和POST请求。Vue表示：使用axios.get的params选项或在POST请求中拼接查询参数。调用方式：在请求体中以JSON格式发送数据，适用于POST和PUT请求。Vue表示：使用axios.post，直接传递一个JSON对象。调用方式：直接在URL中放置参数，适用于RESTful API风格的请求。Vue表示：在GET请求中直接拼接URL。
Vue快速入门(五)——组合式API(二)
bjzhang75的博客
08-13 32
深度侦听需要遍历被侦听对象中的所有嵌套的属性，当用于大型数据结构时，开销很大。// 所以：此处需要借助于 “编译器宏” 函数接收子组件传递的数据。// 所以：此处需要借助于 “编译器宏” 函数接收子组件传递的数据。生命周期函数是可以执行多次的，多次执行时传入的回调会在时机成熟时。的，直接修改嵌套的对象属性不会触发回调执行，// 1. 给子组件，添加属性的方式传值。// 2. 在子组件，通过props接收。// 1. 给子组件，添加属性的方式传值。// 2. 在子组件，通过props接收。
NVDLA专题4：具体模块介绍——Convolution DMA
fangfanglovezhou的博客
08-14 414
NVDLA专题4：具体模块介绍——Convolution DMA
nvm的下载和使用（Windows）
HWL5679的博客
08-13 350
NVM是一个功能强大的Node.js版本管理工具，它允许用户在同一台机器上安装和切换多个版本的Node.js。
尚硅谷vue学习笔记
08-18
很高兴回答你关于尚硅谷Vue学习笔记的问题！对于Vue的学习，尚硅谷提供了很多优质的学习资源和教程。下面是一些关键的学习笔记要点： 1. Vue基础：了解Vue的基本概念和核心特性，如Vue实例、模板语法、计算属性、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值