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文件里的模板??

响应式基础

相关推荐
Cobyte13 小时前
模板 DSL 解析器中的状态机设计
前端·javascript·vue.js
殷忆枫14 小时前
AI笔记三十七:AI边缘端道桥安全监测系统:YOLOv8n推理与Web监控全解析
笔记·yolo
逸模14 小时前
轻加盟模式,稳住品牌统一调性的思路
笔记·建模·公装·翻模·交底
whyTeaFo15 小时前
GAMES101: Lecture 10: Geometry 1 (Introduction) ppt笔记
笔记
Bad_Shepherd15 小时前
vue-element-plus-admin添加自定义svg图标,并且图标选择组件可选自定义图标
vue.js·elementui·前端框架
sulikey16 小时前
个人Linux操作系统学习笔记11 - 环境变量
linux·笔记·学习
治愈系贝壳16 小时前
ARM --- day 6 时钟
linux·arm开发·学习
依然范特东17 小时前
强化学习笔记2--bellman equation
人工智能·笔记
minglie117 小时前
zynq高频小数据量PS闭环的三个实验-第0课:目的和目标
学习
乐观勇敢坚强的老彭17 小时前
信奥C++一维数组笔记
开发语言·c++·笔记