vue typescript自定义js或ts在项目中使用丨技术开发分享录

vue typescript自定义js或ts在项目中使用

{{ detail.nickname }}

转载 翻译 {{ formatTime(detail.create_time) }} 字数 {{ detail.content && detail.content.length }} 阅读 {{ detail.read_num }} {{ formatTag(v) }}

"\n项目开发中经常会定义一些公共的方法方便使用,这里以js和ts为例介绍其在vue+ts项目中使用方式\n\n## 一、以传统的.js定义\n\nsrc/utils/index.js\n\n```\nexport function sayHello() {\n  let str = 'hello 111';\n  console.log(str);\n}\n```\n\n在.vue中使用\n\n```markup\n<script lang=\"ts\">\nimport Vue from 'vue';\nimport Component from 'vue-class-component';\nimport { sayHello } from '../utils';\n\n@Component\nexport default class Home extends Vue {\n  mounted() {\n    sayHello(); // hello 111\n  }\n}\n</script>\n```\n\n## 二、以.ts定义\n\nsrc/utils/tool.ts\n\n```\nfunction sayWorld() {\n  let str: string = 'world 222';\n  console.log(str);\n}\n\nexport { sayWorld }\n```\n\n在.vue中使用\n\n```html\n<script lang=\"ts\">\nimport Vue from 'vue';\nimport Component from 'vue-class-component';\nimport { sayWorld } from '../utils/tool';\n\n@Component\nexport default class Home extends Vue {\n  mounted() {\n    sayWorld(); // world 222\n  }\n}\n</script>\n```"
PS:写作不易,如要转裁,请标明转载出处。

如果此篇对您有帮助,可小额赞助,以兹鼓励!

猜你想看