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

响应式基础

相关推荐
知产xiao_xin23 分钟前
知识产权入门 —— 版权
经验分享·笔记·知识产权
一条破秋裤24 分钟前
02_软件安装与新建工程
学习
来了就未晚38 分钟前
Python基础 学习代码存储与命名规范
开发语言·python·学习
GHL28427109040 分钟前
用codex做一个简单技能学习
学习·ai
呆萌很1 小时前
英语 1‑12 月单词联想记忆
笔记
西西弗Sisyphus2 小时前
模型训练 不同批次大小与学习率下的训练损失对比(2)
学习·batchsize·lr·learning rate
软件开发技术深度爱好者2 小时前
在线学习实践 TypeScript 的官方Playground(演练场)使用介绍
javascript·学习·typescript
我想我不够好。2 小时前
豹女q w e r衔接闪现
学习
金立基包装胶水2 小时前
纸袋热封频繁不良,先排查胶料这一堆问题
大数据·笔记·其他
常驻客栈3 小时前
B-深入理解计算机系统第3版之第11章:网络编程
开发语言·笔记·学习笔记·常驻客栈·深入理解计算机系统