vue 2.6 cdn方式自定义指令

当使用 Vue 2.6 的 CDN 方式时，可以通过 `Vue.directive()` 方法来自定义指令。具体步骤如下：

1. 在 HTML 文件中引入 Vue 的 CDN：

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.min.js"></script>

2. 在 Vue 实例中使用 `Vue.directive()` 方法来定义指令：

<div id="app">
  <p v-highlight>这是一段需要高亮的文本</p>
</div>

<script>
  // 定义一个名为 highlight 的指令
  Vue.directive('highlight', {
    // 当被绑定的元素插入到 DOM 中时
    inserted: function (el) {
      el.style.backgroundColor = 'yellow'
    }
  })

  new Vue({
    el: '#app'
  })
</script>

在上面的代码中，我们定义了一个名为 `highlight` 的指令，它会将绑定的元素的背景色设置为黄色。然后在模板中使用 `v-highlight` 来绑定这个指令。

注意：在 Vue 2.6 中，`inserted` 钩子函数被引入来替代 `bind` 和 `update` 钩子函数，用来在元素插入到 DOM 中时设置指令相关的 DOM 属性。如果需要在数据更新时重新设置相关属性，可以使用 `update` 钩子函数。