# JS增强方法定义 >[info] vue3版兼容vue2版的方法命令规则，同时支持新的hook写法，仅支持`按钮事件`和`setup` **支持import** ## 按钮触发JS增强 - 方法命名规则 - vue2版中按钮触发 `按钮编码` 和 `JS方法名字` 保持一致，vue3中依然支持 - 如果想要在方法中使用import，请使用方法名：`按钮编码_hook` - import有限制，需要提前配置好(TODO) - 函数内置对象context，获取当前页面的相关信息 ## 按钮触发函数示例 1. 自定义按钮编码 `one`  2. 定义按钮对应JS方法 >[info] 方法名：`{按钮编码}_hook` ``` one_hook(){ console.log('context内置对象',context); import {useMessage} from "@/hooks/useMessage" const {createMessage} = useMessage(); function sayHi () { createMessage.success("这是代码里的提示：hello world!") } sayHi(); } ``` 3. 配置示例图  4. 演示JS增强效果