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>


目录
相关文章
|
4月前
|
XML 前端开发 JavaScript
JSX 语法详解
【9月更文挑战第2天】本文详细介绍了React框架中核心组件JSX的基本概念与高级用法,包括基本语法、条件与列表渲染等。并通过具体示例讲解了如何避免常见的错误,如忘记闭合标签、未使用`key`属性及属性名大小写问题,帮助读者更好地理解和运用JSX,提升React应用程序的开发质量。
73 4
|
JavaScript 前端开发
12Vue - 模板语法(插值-使用JavaScript表达式)
12Vue - 模板语法(插值-使用JavaScript表达式)
231 0
11Vue - 模板语法(插值-属性)
11Vue - 模板语法(插值-属性)
46 0
|
小程序
uniapp使用scss 嵌套语法
uniapp使用scss 嵌套语法
342 1
|
JavaScript 前端开发
常用的vue指令语法用法
常用的vue指令语法用法
63 0
|
8月前
第4节:Vue3 布尔属性
第4节:Vue3 布尔属性
111 0
|
8月前
|
JavaScript
(详细及解决方法)关于Vue.prototype中定义的变量不是响应式
(详细及解决方法)关于Vue.prototype中定义的变量不是响应式
180 0
|
前端开发 JavaScript
24Vue - 绑定内联样式(对象语法)
24Vue - 绑定内联样式(对象语法)
55 0
|
JavaScript
【Vue】大悟!模板语法-插值语法&指令语法
【Vue】大悟!模板语法-插值语法&指令语法
|
JavaScript 前端开发
Vue----模板渲染语法中使用JavaScript表达式
Vue----模板渲染语法中使用JavaScript表达式