Quick example / vue-bem-cn

<div id="app"></div>

<script type="text/x-template" id="example">

<div>

<textarea v-model="test" rows="10" style="width: 900px">

​

</textarea>

​

​

​

<div>

​

</script>

​

​

<script type="text/x-template" id="btn">

    <button :class="b({size, theme})" :type="type">

    <span :class="b('text')">

      <i v-if="icon" :class="b('icon', { icon })"></i>

      {{b({size, theme})}}

      <slot></slot>

    </span>

  </button>

</script>

​

<script  type="text/x-template">

  <div class="example">

      <btn type="button" class="mix-any-class" size="large" theme="island"  icon="star"> I'am BEM button! </btn>

  </div>

</script>

​

​