深入浅析AngularJs模版与v-bind

简介

v-bind与{{}}都可以对数据进行绑定,但是二者有区别的,v-bind不好,为什么说v-bind不好是因为v-bin做了完全替换的错做,如果你想做字符串的拼接那么v-bind不是很好的选择,下面看例子。

代码段来喽

比如我们有个这样的需求我们定义一个变量a和一个变量b,计算变量a*b的值显示出来。

我去多简单呀,这玩意也好意思写简书,快回家种地吧!哈哈。

我们要的输出样式是酱紫的(a*b)=>a*b例如:(3*4)=>12

rush:js;">
=

这种做法会将整个span标签上的text都会替换掉结果只显示12

rush:js;">
({{a}}*{{b}}=>{{a*b}})

所以做开发的时候尽量使用{{}}。

总结

以上所述是小编给大家介绍的AngularJs模版与v-bind。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...