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,
  

猜你喜欢

转载自blog.csdn.net/jieweiwujie/article/details/126643276