Vue 字面量语法 vs 动态语法

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

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

因为它是一个字面量 prop，它的值是字符串 "1" 而不是一个数值。如果想传递一个真正的 JavaScript 数值，则需要使用 v-bind，从而让它的值被当作 JavaScript 表达式计算：

<!-- 传递真正的数值 -->
<comp v-bind:some-prop="1"></comp>

原文地址：https://www.cnblogs.com/mengfangui/p/8954393.html

时间： 2024-10-10 19:34:15

Vue 字面量语法 vs 动态语法的相关文章

Vue.js-----轻量高效的MVVM框架（九、组件利用Props传递数据）

#使用props传递数据 html:传递普通的字符串 <h3>#使用props传递数据</h3> <div id="dr01"> <div>组件实例的作用域是孤立的.这意味着不能并且不应该在子组件的模板内直接引用父组件的数据.可以使用 props 把数据传给子组件.</div> <br /> <child msg="hello, vue.js!"></child> <

数组的字面量

㈠字面量创建数组 ⑴创建一个数组     var arr = new Array(); ⑵使用字面量创建的数组     语法:[ ]     var arr = [ ]; ⑶使用字面量创建数组时,可以在创建时就指定数组中的元素 ㈡构造函数创建数组 ⑴使用构造函数创建数组时,也可以同时添加元素,将要添加的元素作为构造函数的参数传递 ⑵元素之间使用 ,隔开 ㈢区别 ⑴创建一个数组,数组中只有一个元素10 arr = [10]; ⑵创建一个长度为10的数组 arr2 = new Array[10];

ES6新语法之---对象字面量扩展、模板字符串(5)

这节课学习ES6中对象字面量扩展和新增模板字符串 第一部分:对象字面量扩展 1.简洁写法 ES6对于对象字面量属性提供了简写方式. 1.1:属性简写 //传统写法 var x = 2, y = 3, o = { x: x, y: y }; //ES6简洁写法 var x = 2, y = 3, o = { x, //属性名和赋值变量名相同时,可简写 y }; 1.2:方法简写 //传统写法 var o = { x: function() { //... }, y: function() { //

3、多用字面量语法，少用与之等价的方法

1.字面字符串 摒弃: NSString *someString = [[NSString alloc] initWithString: @"Effective Objective-C 2.0"]; 提倡: NSString *someString = @"Effective Objective-C 2.0"; 2.字面数值 摒弃: NSNumber *someNumber = [NSNumber numberWithInt: 1]; 提倡: NSNumber *i

第3条：多用字面量语法，少用与之等价的方法

名词翻译: 语法糖(syntactic sugar):是指计算机语言中与另外一套语法等效,但是开发者用起来却更加方便的语法. 语法糖可令程序更易读,减少代码出错机率. 字面数值 NSNumber *number = @1; 字面量数组 NSArray = @[]; @[下标]: //下标访问元素 字面量字典 @{key : value} @[key]; 可变数组与字典 mutArray[1] = ; mutDictionary[key] = ; 注意:用字面量语法创建数组或字典时,若值中有 ni

字面量(笑笑语法)

1.NSString *greeting = [NSString stringWithUTF8String:"hello"];    NSString *greeting = @"hello";   2.NSArray *array = [NSArray arrayWithObjects:a,b,c, nil];    NSArray *array = @[a,b,c]; 3.[array objectAtIndex:1];    array[1]; 4.di =

ios:多用字面量语法

使用字面量语法可以缩减源代码长度,是其更为易读. 注意事项:用字面量语法创建数组时要注意,若数组元素对象中有nil,则会抛出异常.用字面量数组创建数组,其效果等于是先创建了一个数组,然后把方括号内得所有对象都加到这个数组中. 例如: id obj1 = @"obj1"; id obj2 = nil; id obj3 = @"obj3"; NSArray *arrayA = NSArray *arrayA = [NSArray arrayWithObjects:obj

Objective-C字面量语法总结

通常情况下,创建数组,字典的时候需要写一些很长的方法名,今天就总结一下如何使用字面量语法代替这些方法. 1.数值的创建 NSNumber *number1 = [NSNumber numberWithInt:1]; //传统方法 NSNumber *number2 = @1; //字面量创建方法 只用一个@就代替了传统的创建方法,显得优雅整洁. NSNumber *intNumber = @1; NSNumber *floatNumber = @1.5f; NSNumber *boolNumbe

使用字面量语法让iOS代码更漂亮

字面量语法 第一.字面数值 复杂方法: NSNumber *someNumber=[NSNumber numberWithDouble:3.4]; NSLog(@"the value is %@",someNumber); 替代方法: NSNumber *[email protected]; NSNumber *[email protected]; NSLog(@"the value is %@",a); NSLog(@"the value is %@&q