我是Vue的新手，我问自己为什么经常在Vue组件属性前面看到:？我将Ionic与with一起使用，例如在入门模板中，我有以下内容：
:
<template> <ion-page> <ion-header :translucent="true"> ... </ion-page> </template>
为什么这里有一个:？如果我去掉:，结果是一样的
bgtovc5b1#
:是v-bind:的简写，它将javascript变量绑定到属性。https://v2.vuejs.org/v2/guide/class-and-style.html因此，对于:translucent="true"，boolean值true将被分配给translucent属性。如果没有添加:（translucent=“true”），string“true”将被分配给translucent属性，这也将起作用，因为任何非空字符串将在内部转换为true布尔变量。因此，逻辑上需要:来分配布尔值。
v-bind:
:translucent="true"
true
translucent
1条答案
按热度按时间bgtovc5b1#
:是v-bind:的简写，它将javascript变量绑定到属性。https://v2.vuejs.org/v2/guide/class-and-style.html因此，对于
:translucent="true"，boolean值true将被分配给translucent属性。如果没有添加:（translucent=“true”），string“true”将被分配给translucent属性，这也将起作用，因为任何非空字符串将在内部转换为true布尔变量。因此，逻辑上需要
:来分配布尔值。