【Vue的一些学习笔记】

最新推荐文章于 2024-07-23 15:40:17 发布
最新推荐文章于 2024-07-23 15:40:17 发布
阅读量42 收藏
点赞数 1
文章标签： vue.js 学习 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_62783169/article/details/134232373
版权

学习笔记

文章目录

前言

本次主要学习了Vue，学习途径为黑马程序员视频和一些博客。

一、Vue是什么？

在这里插入图片描述

二、Vue的快速入门

在这里插入图片描述
el:"app"和id="app"是关联的，表示这个div中的所有内容,都被当前的app对象管理。

三、Vue的常用指令

在这里插入图片描述在这里插入图片描述
Vue的双向绑定(v-model)可以实现: 数据变化的时候, 页面会自动刷新, 页面变化的时候，数据也会自动变化.

在这里插入图片描述
v-on给页面元素绑定事件.

在这里插入图片描述
v-if: 条件不满足时, 元素不会存在.

​ v-show: 条件不满足时, 元素不会显示(但仍然存在).

在这里插入图片描述

在这里插入图片描述
addr，对象的值
index, 索引，从0开始
在这里插入图片描述

我这里写得比较简单，更详细的可以去学习相关视频和查找相关的博客文章。

@轻舟已过万重山@
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue学习笔记（尚硅谷天禹老师）
qq_55593227的博客
08-15 31万+
Vue学习笔记（尚硅谷天禹老师讲解） 1. Vue核心 1.1. Vue简介 1.1.1. 官网 英文官网 中文官网 1.1.2. 介绍与描述 动态构建用户界面的渐进式JavaScript框架 作者：尤雨溪 1.1.3. Vue的特点 遵循MVVM模式 编码简洁，体积小，运行效率高，适合移动/PC端开发 它本身只关注UI，可以引入其它第三方库开发项目 1.1.4.与其他JS框架的关联 借鉴 Angular 的模板和数据绑定技术 借鉴 React 的组件化和虚拟DOM
vue 学习笔记
weixin_43971312的博客
05-22 2194
VUE 学习笔记 1 简介 1.1 简介 中文网 https://cn.vuejs.org/v2/guide/ Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。是一个用于创建用户界面的开源JavaScript框架，也是一个创建单页应用的Web应用框架。 与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的
Vue3学习笔记+报错记录
qq_46617150的博客
04-02 1445
中可以访问到setup中的属性，方法。传统的是先打包好再启动服务器，vite是先启动服务器，再按需编译，不再等待整个应用编译完成。但是setup中不能访问到vue2配置（data，methods，computed…如果返回一个对象，则对象中的属性，方法，在模板中均可以直接使用！2.组件中所用到的：数据、方法等，均要配置在setup中。vite的启动速度会更快，动态引用（代码分割）1.Vue3中的一个新的配置项，值为一个函数。如果返回一个渲染函数，则可以自定义渲染内容。，去你想创建的目录下，执行该语句。
尚硅谷vue3学习笔记
2302_77862232的博客
01-07 2168
setup`是`Vue3`中一个新的配置项，值是一个函数，它是 `Composition API` ，组件中所用到的：数据、方法、计算属性、监视......等等，均配置在`setup`中。特点如下：- `setup`函数返回的对象中的内容，可直接在模板中使用。- `setup`中访问`this`是`undefined`。- `setup`函数会在`beforeCreate`之前调用，它是“领先”所有钩子执行的。姓名：{{ name }}
vue2 学习笔记（保姆系列教程）
quokka56的博客
02-21 2255
每天学习30分钟，vue2 入门级保姆教程，完结撒花啦，一起共同进步喽
Vue3.0学习笔记
fmk1023的博客
02-14 828
Vue3.0学习笔记
vue3学习笔记
weixin_70856517的博客
03-04 1016
definProps 是宏函数可以不用引入npm i mitt// 引入mitt import mitt from 'mitt' // 调用mitt得到emitter，emitter能：绑定事件、触发事件 const emitter = mitt() /* // 绑定事件console.log('test1被调用了')})console.log('test2被调用了')})// 触发事件}, 1000);}, 3000);
Vue2学习笔记(尚硅谷天禹老师)
weixin_44992737的博客
04-24 1417
Vue可以看作是一个数据管理大师，其目的通常是将其管理的数据展示到HTML页面上，或者收集HTML页面上的数据进行储存在自身或者传递给服务器。
vue2学习笔记
sign_river的博客
08-13 1058
(1)v-html='(表达式) 用于动态改变数据,插值表达式无法插入链接。下载引入(下载链接)可以用@代替v-on。19.vue异步更新。
Vue学习笔记总结
个人学习博客，不足之处，还望不吝赐教！
10-21 707
vue、vue学习教程、vue教程、vue3
Vue Markdonwn学习笔记
11-17
Vue Markdown学习笔记主要涵盖了使用Vue.js框架与Markdown语法结合，以构建高效、可维护的文档和界面的知识。Vue.js是一个轻量级的前端JavaScript框架，它以组件化开发为核心，而Markdown则是一种简洁的标记语言，常...
JavaWeb03-Vue学习笔记
08-22
Vue学习笔记 Vue是一个渐进式的JavaScript框架，用于构建用户界面。Vue的核心思想是将组件化的思想应用于前端开发，通过组件的方式来构建应用程序。 一、Vue简介 Vue是一个基于MVVM（Model-View-ViewModel）模式...
vue学习笔记
11-22
本学习笔记将涵盖Vue的基础概念、核心特性以及常见应用场景，帮助初学者建立起对Vue的全面理解。 一、Vue.js简介 Vue.js的核心理念是通过声明式的模板语法来简化DOM元素的更新，实现数据驱动视图。它采用MVVM...
Vue-router学习笔记
02-24
学习Vue的必备技能，必须熟练使用Vue-router，能够在实际项目中运用。VueRouter是Vue.js官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表；模块化的、...
vue2+vue3学习笔记
02-20
Vue2+Vue3 学习笔记 mounted 和 updated 在 Vue 中，`mounted` 和 `updated` 是两个非常重要的生命周期钩子函数。`mounted` 在页面初次加载时调用，而 `updated` 在数据改变并且要在页面重新渲染完成之后调用。...
vue图片存放在public目录和src/assets目录下的区别
Zing_ing的博客
07-19 622
使用随时要更换的图片，有更新动态显示的需求，像banner、轮播、广告、展示性等大型图片放在public下比较合适；而一些icon、精灵图、雪碧图更适合放在assets下。如果图片不需要被处理，比如网站的结构用图，如logo图片，则放public中，否则如内容图片或者需要被构建为base64的小图标可以放assets中。
Vue使用FullCalendar实现日历/周历/月历
_小郑有点困了的博客
07-23 169
需求背景：项目上遇到新需求，要求实现工单以日/周/月历形式展示。而且要求不同工单根据状态显示不同颜色，一个工单内部，需要以不同颜色显示三个阶段。
谷粒商城实战笔记-39-前端基础-Vue-指令-v-on、v-for、v-if
epitomizelu的专栏
07-20 955
v-on 是 Vue.js 中的一个指令，用于在 DOM 元素上监听用户事件，并在事件触发时执行相应的 JavaScript 函数。它提供了一种将 Vue 实例中的方法与 DOM 事件关联起来的方式，使得你可以轻松地对用户交互做出响应。v-on 指令的基本语法是在元素上添加 v-on:event-name=“method”，其中 event-name 是你要监听的 DOM 事件类型（如 click、mouseover、keydown 等），method 则是 Vue 实例中定义的方法名。
【vueUse库Time模块各函数简介及使用方法--全篇】
最新发布
xiejunlan的博客
07-23 542
vueUseTime函数基本使用示例实现使用方法注意假设的 `useTimeAgo` 函数使用方法。
vue3学习笔记尚硅谷
08-12
- *1* *2* *3* [Vue学习笔记（尚硅谷天禹老师）](https://blog.csdn.net/qq_55593227/article/details/119717498)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值