Vue抽取公共方法

拼搏现实的明天。 2022-12-20 05:43 311阅读 0赞

第一步：创建目录utils，在其中新建h-utils.js

  1. export default { 
  2.   fun(){ 
  3.     console.log("----------- fun -----------")
  4.   }
  5. }

第二步：在main.js中引入

  1. import utils from './utils/h-utils'
  2. //在 vue 的原型链 (prototype) 中注册
  3. Vue.prototype.$utils = utils

第三步：使用示例

  1. //页面组件
  2. <el-button @click="ff()">重置</el-button>
  3. //JavaScript
  4. ff() { 
  5.   this.$utils.fun()
  6. }

发表评论

表情：
评论列表 （有 0 条评论，311人围观）

还没有评论，来说两句吧...

相关阅读

    相关 Thymeleaf抽取公共页面片段

    抽取页面 项目中，一般把所有的公共页面片段都抽取出来 放在一个独立的页面中 其他，所有的页面根据需要进行引用 参考文档 ![这里写图片描述][70] t

    墨蓝墨蓝/ 0 赞/ 320 阅读