尚硅谷课程vue学习（一）

2024-05-25 18:33:04

目录

data两种写法
el两种写法
由vue管理的函数，一定不要写箭头函数，不然this指向windows实例了
MVVM模型
defineProperty属性
数据代理
v-on: v-bind:
键盘事件keyup keydown
computed计算属性
监视属性watch
监视属性和计算属性区别
绑定class和style属性
条件渲染v-if, v-show
列表渲染

课程地址：https://www.bilibili.com/video/BV1Zy4y1K7SH?p=25&spm_id_from=pageDriver&vd_source=a402747bd6c153bdb2defee02a9cb617
https://www.bilibili.com/video/BV12J411m7MG/?spm_id_from=333.337.search-card.all.click&vd_source=a402747bd6c153bdb2defee02a9cb617

data两种写法

(1)new Vue时配置el属性
（2）先创建vue实例，然后再通过vm.$mount(‘#root’)指定el的值

el两种写法

对象式
函数式（以后会用）
data(){
return{

}
}

由vue管理的函数，一定不要写箭头函数，不然this指向windows实例了

MVVM模型

defineProperty属性

数据代理

data数据和_data数据一样

v-on: v-bind:

v-bind:单向绑定：
v-model：双向绑定
v-on:@
模板（原html中的），实例（data中的，也可以说是vm）

键盘事件keyup keydown

@keyup=“”

computed计算属性

vm中的 data是什么就是什么,methods是什么就是什么，但是methods需要注意选择的是返回值
computed中的get和set方法，set不是必须的

只读不改就可使用简写

监视属性watch

vue不能检测到多级变化，需要添加一个属性，

如果没有其他属性就可以进行简写

监视属性和计算属性区别

computed和watch两者不冲突
watch监视属性可以进行定时操作，过一段时间操作一次
computed靠返回值

绑定class和style属性

正常的样式正常写，变化的样式可以加：

条件渲染v-if, v-show

列表渲染

index作为键key就会出现问题，如果顺序打乱就会混乱，id作为key就会更好

尚硅谷课程vue学习（一）相关推荐

尚硅谷云原生学习笔记（1-75集）
笔记列表: 尚硅谷云原生学习笔记(1-75集) 尚硅谷云原生学习笔记(76~143集) 尚硅谷云原生学习笔记(144~172集) 尚硅谷云原生学习笔记(173~XXX集) 目录 1.什么是云计算 1. ...
第四课尚硅谷Scala语言学习-面向对象
第四课尚硅谷Scala语言学习-面向对象文章目录第四课尚硅谷Scala语言学习-面向对象第一节 Scala 包 1.1 包基本语法 1.2 包说明 1.3 包对象 1.4 导包说明第二节 ...
尚硅谷云原生学习笔记（76~143集）
笔记列表: 尚硅谷云原生学习笔记(1-75集) 尚硅谷云原生学习笔记(76~143集) 尚硅谷云原生学习笔记(144~172集) 尚硅谷云原生学习笔记(173~XXX集) 目录 76.为什么用kube ...
尚硅谷Redis 7学习笔记
尚硅谷Redis 7学习笔记视频链接新手入门篇 1.安装及数据类型 2.持久化 3.Redis 7 事务.管道.发布订阅.主从.哨兵.集群 4.springboot整合redis 高级篇(更新中- ...
尚硅谷谷粒学院学习笔记（防坑点的总结部分勘误）
谷粒学院学习笔记部分勘误数据库设计规约模块说明环境搭建创建一个Spring Boot 的父工程,版本使用:2.2.1.RELEASE 父工程pom.xml里面添加在pom.xml中添加依赖 ...
尚硅谷Linux视频学习建议贴及linux全套视频，运维版本180G高质量视频教程免费下，linux教程
纯视频版本: 链接:https://pan.baidu.com/s/12lJCAn9MFssFEyx8Dmu5Eg 提取码:5fr7 含源码版本: 链接:https://pan.baidu.com/ ...
尚硅谷谷粒学院学习笔记9--前台用户登录，注册，整合jwt，微信登录
用户登录业务单点登录(Single Sign On),简称SSO. 用户只需要登陆一次就可以访问所有相互信任的应用系统单点登录三种常见方式 session广播机制实现使用redis+cookie ...
【尚硅谷】Vue.js从入门到精通笔记
目录第1章:Vue核心 1-1.Vue简介 1-1-1.什么是Vue 1-1-2.Vue的特点 1-1-3.搭建Vue开发环境 1-1-4.创建Vue对象 1-2.模板语法 1-3.数据绑定 1-4 ...
尚硅谷java基础学习笔记
小郑 Java基础常用DOS命令 dir:列出当前目录下的文件以及文件夹 md:创建目录 rd: 删除目录 cd:进入指定的目录 cd- : 退回到上一级目录 cd\ : 退回到根目录 del : ...

最新文章

热门文章