新聞中心
首先你需要了解export,在創(chuàng)建JavaScript模塊時,export 語句用于從模塊中導出實時綁定的函數(shù)、對象或原始值,以便其他程序可以通過 import 語句使用它們。被導出的綁定值依然可以在本地進行修改。在使用import進行導入時,這些綁定值只能被導入模塊所讀取,但在export導出模塊中對這些綁定值進行修改,所修改的值也會實時地更新。

創(chuàng)新互聯(lián)專注于龍子湖企業(yè)網(wǎng)站建設,自適應網(wǎng)站建設,商城系統(tǒng)網(wǎng)站開發(fā)。龍子湖網(wǎng)站建設公司,為龍子湖等地區(qū)提供建站服務。全流程按需定制制作,專業(yè)設計,全程項目跟蹤,創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務
在文件夾A中新建一個JS文件并命名為a.js,然后聲明一個組件b并命名為b.vue。
1.在a.js文件中寫下如下內(nèi)容:
- et dateFormat={
- date(fmt, date) {
- date=new Date()
- let ret;
- const opt = {
- "Y+": date.getFullYear().toString(), // 年
- "m+": (date.getMonth() + 1).toString(), // 月
- "d+": date.getDate().toString(), // 日
- "H+": date.getHours().toString(), // 時
- "M+": date.getMinutes().toString(), // 分
- "S+": date.getSeconds().toString() // 秒
- // 有其他格式化字符需求可以繼續(xù)添加,必須轉化成字符串
- };
- for (let k in opt) {
- ret = new RegExp("(" + k + ")").exec(fmt);
- if (ret) {
- fmt = fmt.replace(ret[1], (ret[1].length == 1) ? (opt[k]) : (opt[k].padStart(ret[1].length, "0")))
- }
- }
- return fmt;
- }
- }
- export default dateFormat;
2.、然后在b.vue組件中通過import引用組件然后通過引用名稱加方法名獲取對應數(shù)據(jù)信息。
源碼示例:
- 時間格式化組件
- v-model="format"
- placeholder="請輸入內(nèi)容"
- style="width:200px;float:right"
- size="small"
- @change="format_value"
- >
- {{date}}
此時便可獲取結果如下
網(wǎng)頁題目:Vue項目引用自定義外部js文件進行使用
URL地址:http://m.5511xx.com/article/djjsops.html


咨詢
建站咨詢
