<template>
    <div>
        <div class="test">
            {{message}}
        </div>
        <div class="test2">
            {{message2}}
        </div>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                message: 'test',
                message2: 'test2'
            };
        }
    };

</script>

<style>
    /* 雪碧图测试 */
    .test {
        color: green;
        background: url("/channel/boys.png");
    }

    /* 图片测试 */
    .test2 {
        color: blue;
        background: resolve("channel/boys.png");
    }

    /* 代码检查测试 */
    .testError {
        background: white;
    }
</style>