css内联样式与Vue的data引入的style样式有什么本质的区别?????

例如<body>
<div id="app">
<!--对象就是无需键值对的集合 -->
<h1 :style="styleobj1">这是一个H1标签</h1>
</div>

<script>
var vm = new Vue({
el:'#app',
data:{
styleobj1:{color:'red','font-weight':200}
},
methods:{}
})
</script>
</body>

与普通的引入css文字样式有什么本质的区别?????求大佬解答

没有区别,只是写法不一样,在原生的写法上会导致出现的问题就是:样式如果比较多,代码看起来混乱。
在vue中,把style放在date里面来传递这样代码看起来整结,方便阅读。
但是他们最终的效果都是一样的
温馨提示:答案为网友推荐,仅供参考
第1个回答  2019-10-08
普通的是静态的。你这样写属于动态渲染加载。追问

提这个问题 其实我内心是有一个疑问的 就是静态加载 与 动态渲染 哪个更快 亦可以这问 这两者会对页面的加载 有什么影响 哪个会使得页面加载更快 更符合当下的网页呢

追答

除去特殊情况或者说特殊的应用、系统,静态更合适

本回答被提问者采纳
第2个回答  2021-02-02

Vue实践-CSS样式position/display/float属性对比使用