vue学习笔记

Vue

模板语法

Attribute 绑定
javascript 复制代码
<div v-bind:id="dynamicId"></div>

v-bind 指令指示 Vue 将元素的 id attribute 与组件的 dynamicId 属性保持一致。如果绑定的值是 null 或者 undefined,那么该 attribute 将会从渲染的元素上移除。

问题之:如何移除?怎么个移除法?

如下,就是真的没有id属性了的意思:

同名简写
javascript 复制代码
<!-- 与 :id="id" 相同 -->
<div :id></div>

<!-- 这也同样有效 -->
<div v-bind:id></div>

就当空字符串实际上是有东西的。所以表现和真值是一样的。

attribute被忽略是说,假值的时候,禁用为false,那么就相当于disabled没有设过。

动态绑定多个值

问题之:这样绑定的v-bind的,可以是动态的值吗?todo

受限的全局访问

模板中的表达式将被沙盒化,仅能够访问到有限的全局对象列表。该列表中会暴露常用的内置全局对象,比如 Math 和 Date。

没有显式包含在列表中的全局对象将不能在模板内表达式中访问,例如用户附加在 window 上的属性。然而,你也可以自行在 app.config.globalProperties 上显式地添加它们,供所有的 Vue 表达式使用。

指令

指令是带有 v- 前缀的特殊 attribute。

动态参数

问题之,如下,什么叫做直接写在html文件里的模板??

响应式基础

相关推荐
WebGirl23 分钟前
【Vue3】withDefaults和defineProps设置默认值
vue.js
普通网友38 分钟前
HTML5新增了哪些重要标签?多多学习也是成长的一部分
前端·学习·html5
南境十里·墨染春水1 小时前
linux学习进展 mysql数据库
linux·数据库·学习
kels88991 小时前
2026 年黄金实时价格数据 API 接口实测推荐
开发语言·笔记·python·金融·区块链
深蓝海拓1 小时前
用HSL颜色系统改造qdarkstyle样式表库
前端·笔记·python·qt·学习
FlyWIHTSKY1 小时前
Element Plus 中 el-row 和 el-col 的完整使用指南**
javascript·vue.js·ecmascript
嵌入式小企鹅1 小时前
大模型算法工程师面试宝典
人工智能·学习·算法·面试·职场和发展·大模型·面经
azhou的代码园1 小时前
基于微信小程序的图片识别科普系统的设计与实现
vue.js·spring boot·微信小程序·小程序·毕业设计·科普·图片识别
-To be number.wan1 小时前
操作系统 | 关于时间片大小的确定问题
学习·操作系统
阿荻在肝了2 小时前
Agent学习八:LangGraph学习-小结
python·学习·agent