vue和小程序的语法对比

2022-01-26  本文已影响0人  苍老师的眼泪

为了实现动态地修改元素高度:

// vue
 :style="'height: ' + the_height  + '%' "

// 微信小程序
style="height: {{the_height}}px"

可以看到,vue将以:开头的属性的值当作js表达式,这适合属性中变量多,字符串少的情况,字符串多了要很多引号,像这个样子:

:style="'top: ' + top + 'px;left: ' + left + 'px'"

微信小程序不需要:开头,它把属性值当作字符串,这适合字符串多,变量少的情况,(变量多了要很多花括号),
并且属性值的中的变量和普通元素里面的变量没什么区别,都是用双花括号包裹,人们可以根据一个简单的规则区分字符串和变量;
所以关于属性的值的表示我更倾向与微信小程序的写法

上一篇 下一篇

猜你喜欢

热点阅读