![Vue.js 3.0从入门到精通(视频教学版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/154/44510154/b_44510154.jpg)
上QQ阅读APP看书,第一时间看更新
4.6 缩写
“v-”前缀作为一种视觉提示,用来识别模板中Vue特定的特性。在使用Vue.js为现有标签添加动态行时,“v-”前缀很有帮助。然而,对于一些频繁用到的指令来说,就会感到使用烦琐。同时,在构建由Vue管理所有模板的单页面应用程序(Single Page Application,SPA)时,“v-”前缀也就变得没那么重要了。因此,Vue为v-bind、v-on和v-slot这几个最常用的指令提供了特定缩写:
1.v-bind缩写
![](https://epubservercos.yuewen.com/AF1F26/23721640501031706/epubprivate/OEBPS/Images/Figure-P67_164921.jpg?sign=1738983607-0dO9rgNBx7wsDmnx3JIABfQjzrTBN7oR-0-46cc69466a8500b751e3b26497ad0198)
2.v-on缩写
![](https://epubservercos.yuewen.com/AF1F26/23721640501031706/epubprivate/OEBPS/Images/Figure-P67_164922.jpg?sign=1738983607-xfpE0hqAG97EAegxp5kLvQqefvgfmoUN-0-1a571778eec40b0798cde5ccf4a46035)
3.v-slot缩写
![](https://epubservercos.yuewen.com/AF1F26/23721640501031706/epubprivate/OEBPS/Images/Figure-P67_164923.jpg?sign=1738983607-JK0WGabhxuFWpJG606kb2LzqS7hdFEvV-0-213093ffba1f46f9d1a72b1d11f849bb)
它们看起来可能与普通的HTML略有不同,但“:”、“@”和“#”对于特性名来说都是合法字符,在所有支持Vue的浏览器中都能被正确地解析,而且它们不会出现在最终渲染的标记中。