vue传一个参数绑定多个class的一种方法

页面结构：两个页面，一个存放要绑定的数据页面，一个是被绑定的页面，通过prpos绑定

目的：实现传一个数据绑定多个class的内容，

思路：
1，把绑定传递的数据作为数据头，定义不同的数据身体达到绑定不同数据
2.绑定页面判断这个头是否存在，存在就绑上不存在就不绑
代码
数据页面

<template>
<div classprefix="classprefix"></div>
</template>
<style>
 .classprefix-content{
 }
 .classprefix-wrapper{
 }
</style>

绑定页面

<template>
<div>
<div  :class="classprefix && `${classprefix}-wrapper`"></div>
<div class="contenner" :class="classprefix && `${classprefix}-content`"></div>
  </div>
</template>
<script>
export default {
  props:['classprefix'],
  components: { },
  name: "Layout",
};
</script>