前端应用_Vue_钩子函数的练习之私有指令的写法

最新推荐文章于 2024-07-13 08:30:00 发布

上海_彭彭

最新推荐文章于 2024-07-13 08:30:00 发布

阅读量181

点赞数

分类专栏： Vue.js 文章标签： vue 私有指令

本文链接：https://blog.csdn.net/qq_34979346/article/details/99010250

版权

Vue.js 专栏收录该内容

46 篇文章 0 订阅

订阅专栏

上节我们用的是全局的，全局指令
我们改写成私有如下：

<div id='p' v-mystyle="'red'">突然好想你，你会在那里，过的好不好</div>
var vue=new  Vue(
            {
                el: '#p',
                directives: {
                    mystyle: {
                        bind: function(el,binding){
                            el.style.color=binding.value;
                        }
                    }
                }
            }

        )

实际格式都差不多。

注意 directives 是加s 的、

还有一种简写的方法，看到这样的写法，就认为是bind 或者updated 方法。
如下：

 directives: {
                    mystyle: function(el,binding){
                            el.style.color=binding.value;

                        
                    }

                }