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的写法,绿色才是正确的,下面是效果图
步骤:
首先。我们要改造我们要映入的外部js文件,改成下面这个格式。主要是红色方块内部代码,我们需要将我们的模块“抛出”,让人能获取到以下及相应代码:
其次,到我们的寄主那里,我们需要导入,仿造其他的文件,写法如下及相应代码:
注意红色叉的部分,那是我们es5的写法,绿色才是正确的;接着是效果图:
其他方法:直接@import就行了
<style>
@import "../../scss/retinaLine"
@import "../../scss/css3Module"
...
</style>
一个网页可以运行无数个方法,可以映入无数个JS
<script type="text/javascript"></script>只是写JS代码的标注 想写多少个就写多少个
完全没必要合并 有的业务就为了初始化一点东西 写在标签下面就可以
HTML标签的任何位置都可以运行js