main()用法小技巧

在每个类都设置一个main()方法的技术可使每个类的单元测试都变得简单易行。而且完成单元测试之后,无需删除main(),可以将其保留待下次测试。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
`export default` 是 ES6 中的一个语法,用于导出一个默认的模块。在 Vue/Vue全家桶开发中,我们可以使用它来导出组件、函数、对象等。 下面是一些小技巧和注意事项: 1. 组件中使用 `export default` 导出组件对象 ```js // MyComponent.vue <template> <div>Hello World</div> </template> <script> export default { name: 'MyComponent', // ... } </script> ``` 2. 在单文件组件中使用 `export default` 导出一个函数 ```js // myFunction.js export default function() { console.log('Hello World') } // MyComponent.vue <script> import myFunction from './myFunction.js' export default { name: 'MyComponent', mounted() { myFunction() } } </script> ``` 3. 在 Vuex 中使用 `export default` 导出 store ```js // store.js import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.Store({ // ... }) ``` 4. 在 Vue Router 中使用 `export default` 导出路由配置 ```js // router.js import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRouter) const routes = [ // ... ] export default new VueRouter({ routes }) ``` 5. 在 main.js 中使用 `import` 引入组件、store、router ```js // main.js import Vue from 'vue' import App from './App.vue' import router from './router' import store from './store' new Vue({ el: '#app', router, store, render: h => h(App) }) ``` 注意事项: 1. 在一个模块中只能有一个 `export default`,但可以有多个 `export`。 2. 在导入默认模块时,可以使用任意名称,例如 `import MyComponent from './MyComponent.vue'`。 3. 在导入非默认模块时,必须使用原来的名称,例如 `import { myFunction } from './myFunction.js'`。 4. 在使用 Vue Router 和 Vuex 时,需要先使用 Vue.use() 安装插件。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值