vue directive demo

复制代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>

</head>
<body>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/vuex@3.0.1/dist/vuex.js"></script>
<div id="app">
   <div>
        <input v-model="dir1" v-my-directive1="dir1"/>

    </div>
</div>



<script>



const app = new Vue({
  el: '#app',
  data:{
  dir1:'111',
dir2:'222'
  },
   directives:{
            myDirective1:function(val){
                console.log("===="+val)
            }
        }
  
})
  
</script>





</body>
</html>
复制代码

 

posted @   甜菜波波  阅读(195)  评论(0)  编辑  收藏  举报
编辑推荐：
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
阅读排行：
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
· Manus爆火，是硬核还是营销？
· 终于写完轮子一部分：tcp代理 了，记录一下
· 别再用vector＜bool＞了！Google高级工程师：这可能是STL最大的设计失误
· 单元测试从入门到精通
历史上的今天：
2011-12-28 UrlRewriter 重写的问题
点击右上角即可分享
微信分享提示