vue项目怎么讲一个js文件拆分成两个js文件?

JavaScript030

vue项目怎么讲一个js文件拆分成两个js文件?,第1张

vue项目一个js文件拆分成两个js文件方法如下。

1、直接新建一个js空文件。

2、依次打开其他js文件,复制文件内容粘贴到新的js文件内容下方,保存这个新js文件。

3、打开js文件,选择部分内容复制到新js文件中,重复选择内容复制到新文件中。最后保存所有文件。

创建js文件。

index.html中引入这个js文件,在vue.config中调用免打包配置文件,现在在界面中就可以拿到js中定义的常量config,可以直接在界面上使用。

浏览器本质就是一款软件,安装在操作系统之上。一般给用户提供浏览网页的服务。

1. 首先我们要改变我们要映入的外部js文件,改成以下这个格式。

代码:<pre class="html">function realconsole(){ alert("hello.thanks use me")} export { realconsole } </pre>

2. 到我们的寄主那里,我们需要导入仿造的文件,方法是这样的:

代码:<pre class="html">&lttemplate&gt&ltdiv class="teslist"&gt&ltbutton @click="methods1"&gt显示console&lt/button&gt&lt/div&gt&lt/template&gt&ltscript src="../../lib/myconsole.js"&gt&lt/script&gt&ltscript&gtimport { realconsole } from '../../lib/myconsole.js' export default { methods:{methods1:function(){ realconsole()} }} &lt/script&gt&ltstyle&gt.teslist { } &lt/style&gt</pre>

注意红色叉的部分,那是我们es5的写法,绿色才是正确的,下面是效果图