VueJS：带有冒号前缀的html属性表示什么？

JavaScript Vue.js

猴子JinJin

2020-03-19

例：

<vue-select 
  class="vue-select1" 
  name="select1"
  :options="options1" 
  :model.sync="result1"
></vue-select>

前面:options和:model.sync这里的冒号是什么意思？我在互联网上进行了搜索，但找不到任何答案。

此处显示示例：https：//github.com/Haixing-Hu/vue-select

第2326篇《VueJS：带有冒号前缀的html属性表示什么？》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共3个回答
Near神奇 2020.03.19

在中使用冒号时要小心，HTML因为在中选择属性，CSS并且JQuery与冒号具有不同的含义。在CSS和中JQuery，冒号表示a pseudo-selector，与不同于v-bind;

理查德小胖Harry 2020.03.19

要添加感谢的回答：

这些是动态属性。基本上，这意味着Vue.js将允许您将这些属性的值设置为变量，并且当这些变量的值更新时，这些属性的值也会更新。

卡卡西乐逆天 2020.03.19

在Vue模板中，以:html属性为前缀的冒号是的简写v-bind。

这是的完整文档v-bind。

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android