vue项目中抽离.vue文件中的js代码

1.vue文件
1
2
3
4
5
6
7
8
9
10
11
<template>
  <div class="alipayOrWxpay-wrapper">
  </div>
</template>
 
<script>
import alipayOrWxpay from './alipayOrWxpay'
export default {
  ...alipayOrWxpay
}
</script>

2.alipayOrWxpay.js

1
2
3
4
5
6
7
8
export default {
  data () {
    return {
      // 定义data
    }
  }
// 这里跟之前没有抽离是一毛一样,只是单独成立了一个文件,之前怎么写,现在怎么写。
}

 

 
posted @   AlanTao  阅读(1002)  评论(0编辑  收藏  举报
(评论功能已被禁用)
编辑推荐:
· SQL Server 内存占用高分析
· .NET Core GC计划阶段(plan_phase)底层原理浅谈
· .NET开发智能桌面机器人:用.NET IoT库编写驱动控制两个屏幕
· 用纯.NET开发并制作一个智能桌面机器人:从.NET IoT入门开始
· 一个超经典 WinForm,WPF 卡死问题的终极反思
阅读排行:
· 支付宝事故这事儿,凭什么又是程序员背锅?有没有可能是这样的...
· 在线客服系统 QPS 突破 240/秒,连接数突破 4000,日请求数接近1000万次,.NET 多
· C# 开发工具Visual Studio 介绍
· 在 Windows 10 上实现免密码 SSH 登录
· C#中如何使用异步编程
历史上的今天:
2018-08-07 vscode 修改(自定义)插件的快捷键
2017-08-07 页面链接跳转历史URL不记录的兼容处理
点击右上角即可分享
微信分享提示