在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue-cli 中使用外部js

vue-cli 中使用外部js

初學(xué)者,使用vue-cli寫前端,因需要一個(gè)側(cè)邊菜單欄,找到了一個(gè)制作很不錯(cuò)的模板:
https://github.com/huang-x-h/...
這個(gè)模板很簡單,主目錄就只有html文件,一個(gè)js文件和一個(gè)css文件,同時(shí)使用了jquery。
在本地直接打開html,可以正常使用,但是移動(dòng)到vue-cli項(xiàng)目中有很大問題。
在原h(huán)tml頁面中:
clipboard.png
除了引用的兩個(gè)js文件,就只有這一句
$.sidebarMenu($('.sidebar-menu'))
在我的menu.vue中:
clipboard.png
我在mounted中復(fù)制了這一句,然后把js文件的內(nèi)容轉(zhuǎn)移到了methods
(js文件中只有$.sidebarMenu一個(gè)函數(shù))
此時(shí)對(duì)$后的.報(bào)錯(cuò):
Syntax Error: Unexpected token, expected ,
不知何解,但這本身只是函數(shù)名,于是我把函數(shù)名改為$_sidebarMenu(mountedmethods中都修改)
報(bào)錯(cuò)轉(zhuǎn)移到了methods中的第一句$_sidebarMenu = function(menu) {中的=上面來了。
若把該句改為$_sidebarMenu:function(menu) {$_sidebarMenu(menu) {則報(bào)錯(cuò)消失,但這個(gè)模板菜單就不能正確運(yùn)行了,并且運(yùn)行時(shí)會(huì)報(bào)$_sidebarMenu這個(gè)函數(shù)未定義的錯(cuò)誤。
實(shí)在是不知道如何處理這幾個(gè)問題:
1, $.sidebarMenu的函數(shù)名為何報(bào)錯(cuò)?
2, $_sidebarMenu = function(menu)這種函數(shù)定義不可以嗎?
3, 最后為什么會(huì)報(bào)函數(shù)未定義?

回答
編輯回答
綰青絲

抱歉,我之前看代碼沒有看仔細(xì),這是修正之后的答案。
之所以報(bào)錯(cuò),我覺得是你導(dǎo)入的錯(cuò)誤,jquery官方文檔推薦在包含webpack的文檔中使用:

var $ = require("jquery");

導(dǎo)入Jquery。import方法會(huì)報(bào)錯(cuò),報(bào)錯(cuò)內(nèi)容即為你所發(fā)出來的。

至于mounted函數(shù)中沒有報(bào)錯(cuò),而methods中報(bào)錯(cuò)的原因,我想是因?yàn)榫幾g順序的問題,methods會(huì)在mounted之前編譯,具體可以查看官網(wǎng)的生命周期鉤子部分,地址如下:
https://cn.vuejs.org/v2/guide/instance.html

希望對(duì)你有所幫助~

2017年11月26日 10:38