001

<div id="app">
  <h2 v-cc-text="message" ></h2>
</div>
<script src="../js/vue.js"></script>
<script>
    <!--                      el:先解析标签  binding:再把绑定的数据传递过来                   -->
  Vue.directive('cc-text',function (el,binding){
      el.innerHTML = binding.value.toUpperCase()
  })
  const app = new Vue({
    el:'#app',
    data: {
      message :  'abc'
    }
  })
</script>