vue-引入外部js文件的方法和常量

野性酷女 2022-01-16 11:07 413阅读 0赞

### 1、方法调用 ###

a: js文件（static/js/public.js）

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 </td> 
 <td> <code>//函数的定义&nbsp; 返回上一页</code> <code>export</code>&nbsp;<code>function</code>&nbsp;<code>goback(laststep) {　</code> <code>　　laststep</code> <code>}　</code> </td> 
 </tr> 
 </tbody> 
</table>

b: 调用

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 8 9 10 </td> 
 <td> <code>import</code>&nbsp;<code>{goback} from&nbsp;</code><code>'static/js/public.js'</code><code>//记得带上{}花括号</code> &nbsp; <code>methods:{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>_goback(){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>goback(</code><code>this</code><code>.$router.go(-1));</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> &nbsp; <code>}</code> &nbsp; <code>&lt;span&nbsp;</code><code>class</code><code>=</code><code>"gobakc"</code>&nbsp;<code>@click=</code><code>"_goback"</code><code>&gt;&lt;/span&gt;&nbsp;&nbsp;&nbsp;</code> </td> 
 </tr> 
 </tbody> 
</table>

### 2、常量引用　　 ###

a：文件 static/js/publicstate.js

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 </td> 
 <td> <code>const staticimg=</code><code>'../../../../static/images/'</code><code>;</code> <code>export</code>&nbsp;<code>default</code> <code>&nbsp;&nbsp;</code><code>{ </code> <code>&nbsp;&nbsp;</code><code>staticimg,</code> &nbsp; <code>&nbsp;&nbsp;</code><code>}　　</code> </td> 
 </tr> 
 </tbody> 
</table>

b: import commonstate from 'static/js/publicstate.js'//引用模块进来

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 </td> 
 <td> <code>data(){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>return</code>&nbsp;<code>{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>imgsrc:commonstate.staticimg,</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>}</code> &nbsp; <code>&nbsp;</code><code>&lt;p&gt;wrww{ {imgsrc}}&lt;/p&gt;</code> </td> 
 </tr> 
 </tbody> 
</table>