Vue 将样式绑定到一个对象让模板更清晰

Posted F4nniu 的随手记

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue 将样式绑定到一个对象让模板更清晰相关的知识,希望对你有一定的参考价值。

Vue 将样式绑定到一个对象让模板更清晰

    <div id="app">
        <div v-bind:style="styleObject">样式绑定到一个对象</div>
    </div>
    <script>
    new Vue({
        el: ‘#app‘,
        data: {
            styleObject: {
                color: ‘green‘,
                fontSize: ‘30px‘
            }
        }
    })

以上是关于Vue 将样式绑定到一个对象让模板更清晰的主要内容,如果未能解决你的问题,请参考以下文章

使用 Vue 模板清晰地分离视图和代码

有没有更聪明的方法将布局绑定到片段?

Vue计算属性及样式绑定

15 Vue中子组件样式的绑定和行内样式模版编写

Vue计算属性及样式绑定

Vue JS CSS 样式绑定