58Vue - Props(字面量语法 vs 动态语法)

简介: 58Vue - Props(字面量语法 vs 动态语法)

初学者常犯的一个错误是使用字面量语法传递数值:

<!-- 传递了一个字符串"1" -->
<comp some-prop="1"></comp>

因为它是一个字面 prop ,它的值以字符串 “1” 而不是以实际的数字传下去。如果想传递一个实际的 JavaScript 数字,需要使用 v-bind ,从而让它的值被当作 JavaScript 表达式计算:

<!-- 传递实际的数字 -->
<comp v-bind:some-prop="1"></comp>


目录
相关文章
|
6月前
|
缓存 JavaScript
Vue3 的模板语法:指令、插值语法和其他相关特性
Vue3 的模板语法:指令、插值语法和其他相关特性
201 4
Vue3 的模板语法:指令、插值语法和其他相关特性
11Vue - 模板语法(插值-属性)
11Vue - 模板语法(插值-属性)
36 0
|
JavaScript 前端开发
12Vue - 模板语法(插值-使用JavaScript表达式)
12Vue - 模板语法(插值-使用JavaScript表达式)
218 0
|
JavaScript 前端开发
常用的vue指令语法用法
常用的vue指令语法用法
54 0
|
6月前
第4节:Vue3 布尔属性
第4节:Vue3 布尔属性
92 0
|
6月前
|
JavaScript
(详细及解决方法)关于Vue.prototype中定义的变量不是响应式
(详细及解决方法)关于Vue.prototype中定义的变量不是响应式
150 0
|
JavaScript
【Vue】大悟!模板语法-插值语法&指令语法
【Vue】大悟!模板语法-插值语法&指令语法
|
前端开发 JavaScript
24Vue - 绑定内联样式(对象语法)
24Vue - 绑定内联样式(对象语法)
50 0
|
JavaScript 前端开发
14Vue - 模板语法(指令)
14Vue - 模板语法(指令)
33 0