- Vue.js 3.0从入门到精通(视频教学版)
- 李小威编著
- 253字
- 2025-02-18 02:07:02
4.6 缩写
“v-”前缀作为一种视觉提示,用来识别模板中Vue特定的特性。在使用Vue.js为现有标签添加动态行时,“v-”前缀很有帮助。然而,对于一些频繁用到的指令来说,就会感到使用烦琐。同时,在构建由Vue管理所有模板的单页面应用程序(Single Page Application,SPA)时,“v-”前缀也就变得没那么重要了。因此,Vue为v-bind、v-on和v-slot这几个最常用的指令提供了特定缩写:
1.v-bind缩写

2.v-on缩写

3.v-slot缩写

它们看起来可能与普通的HTML略有不同,但“:”、“@”和“#”对于特性名来说都是合法字符,在所有支持Vue的浏览器中都能被正确地解析,而且它们不会出现在最终渲染的标记中。