(1)首先npm安装jquery,保存(——拯救的意思是将模块安装到项目目录下,并在包文件的依赖性节点写入依赖。)
(2)在webpack.base.conf.js里加入
var webpack=要求(“webpack”)
(3)在module.exports的最后加入
插件:[
新的webpack.optimize.CommonsChunkPlugin (“common.js”),
新webpack.ProvidePlugin ({
jQuery:“jQuery”,
美元:“jquery”
})
)
(4)在主要。js引入就好了,,,(测试这一步不用也可以)
从“jquery”进口美元
(5)然后npm dev运行就可以在页面中直接用了美元。
项目结构如图:
内容组件代码:
& lt; template>
& lt; div>
& lt;输入ref='测试' id=安馐浴北?
& lt;按钮@click=' diyfun祝辞Click
& lt;/div>
& lt;/template>
& lt; script>
从“进口{myfun} . ./js/测试。js '//注意路径
出口默认{
数据(){
返回{
testvalue:“
}
}，
方法:{
diyfun:函数(){
myfun ();
}
}
}
& lt;/script>
. js代码:
函数myfun () {
console.log(成功)
}
{//出口很关键
myfun
}
用到了es6的语法。
(1)首先npm安装jquery,保存(——拯救的意思是将模块安装到项目目录下,并在包文件的依赖性节点写入依赖。)
(2)在需要引用的vue页面进口引入美元,然后使用即可
这个图中有黄色的警告,如果把console.log($)改成这样:
出口默认{
安装:函数(){
console.log ($)
}
}
就不会有了,原因可能是得符合vue中js的写法吧
以上所述是小编给大家介绍的vue引用js文件的多种方式,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
