vue的directive探索

vue的directive的使用步骤：

html：

1. 创建实例（app）
2. 定义自定义指令（v-hello）

js & script：

1. 定义实例（app）
2. 添加数据（hello）
3. 定义自定义指令结构：（ Vue.directive(‘hello’,{ 内容 }) ）

实现效果：

点击’To red‘ 按钮后：

To red: （按钮点击后）
触发： update：文字变成蓝色（被覆盖），背景变成黄色
compuupdate：文字变成红色

其他数据：（使用了两次v-hello，所以有两次测试）

完整代码：

    
    


    

        

        

        To red