vue页面引入局部js方法也叫引入局部公共方法，详细教程使用

1.新建文件

export function getDataNumber1(num) {
  console.log('this is getDataNumber1')
  return num + 100
}
export function getDataNumber2(num) {
  console.log('this is getDataNumber2')
  return num + 200
}

2 目标页面引入

<template>
  <div>
    <h3>局部引用</h3>
    <h3>1 新建一个js文件夹commmomjs下面建一个js文件my.js</h3>
    <h3>2 写需要的方法getDataNumber1，getDataNumber2</h3>
    <h3>3 目标页面引入具体的方法名称getDataNumber1，getDataNumber2</h3>
    <h3>4 使用时，直接使用方法，不需要this</h3>
    <h3>全局引用</h3>
    <h3>全局调用：在main.js 进行配置</h3>
  </div>
</template>
<script>
//1步
import { getDataNumber1, getDataNumber2 } from "../commomjs/my";
export default {
  name: "page",
  props: {},
  data() {
    return {
      name: "这是子组件的name",
      data: 100,
  

最后

以上就是妩媚红牛为你收集整理的vue页面引入局部js方法也叫引入局部公共方法，详细教程使用的全部内容，希望文章能够帮你解决vue页面引入局部js方法也叫引入局部公共方法，详细教程使用所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。