初學(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頁面中:
除了引用的兩個(gè)js文件,就只有這一句$.sidebarMenu($('.sidebar-menu'))
在我的menu.vue中:
我在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(mounted和methods中都修改)
報(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ì)你有所幫助~
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國一站式人才培養(yǎng)平臺(tái)、一站式人才輸送平臺(tái)。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國家深化產(chǎn)教融合/校企合作的政策,積極推進(jìn)“中國制造2025”,實(shí)現(xiàn)中華民族偉大復(fù)興的升級(jí)產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項(xiàng)目經(jīng)理從事移動(dòng)互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項(xiàng)目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺(tái)面向?qū)ο箝_發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對(duì)瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國Software AG 技術(shù)顧問,美國Dachieve 系統(tǒng)架構(gòu)師,美國AngelEngineers Inc. 系統(tǒng)架構(gòu)師。