data-dismiss是bootstrap里自定义的属性。
目前成都创新互联公司已为1000+的企业提供了网站建设、域名、网站空间、网站托管、服务器租用、企业网站设计、永春网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。
给一个元素data-dimiss属性的话，可以通过点击该元素达到让目标消失的效果。
data-* 属性是HTML5中推荐使用 用于绑定元素数据的一个属性。
CSS（层叠样式表）是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。有三种方法可以在站点网页上使用样式表：外部样式表、内部样式表和内联样式。
CSS具有精简代码，降低重构难度、提升网页访问速度、利于SEO优化等优势，能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
没有区别，只是写法不一样，在原生的写法上会导致出现的问题就是：样式如果比较多，代码看起来混乱。
在vue中，把style放在date里面来传递这样代码看起来整结，方便阅读。
但是他们最终的效果都是一样的
没什么特别的地方，其实好比某个元素（可能是个div）给你一个口袋，名字必须以data开头，加上“-”，他们就是你自己命名的小口袋，在本例中的这个小口袋的名字是data-spm，你把数据放在这个专属小口袋中，然后在使用js的时候，你就可以在专用的小口袋中抓取数据进行使用，也可以想象成在有名字的存钱罐下把钱拿出来用，使用的例子如下（记得自己提前加载JQuery）;
div class="click-me" data-spm="我是在spm中的数据，你可以把我取出来用额！"
我就是个div
/div
$('.click-me').click(function(){
alert($(this).data('spm'));// 你就这么把数据给取出来了！！
});