最近在使用Vue和jQuery開(kāi)發(fā)項(xiàng)目時(shí)，遇到了一些報(bào)錯(cuò)問(wèn)題，特此總結(jié)并分享給大家。

第一個(gè)問(wèn)題是關(guān)于Vue中使用jQuery時(shí)報(bào)錯(cuò)的問(wèn)題。在Vue中使用jQuery，如果直接在script標(biāo)簽中引入jQuery庫(kù)，會(huì)出現(xiàn)$未定義的錯(cuò)誤。這是因?yàn)閂ue中通過(guò)webpack打包的時(shí)候自動(dòng)將$變量轉(zhuǎn)義成了一個(gè)變量，而不是直接使用jquery庫(kù)中的$變量。因此，我們需要將jQuery引入到Vue中，并將其注冊(cè)為Vue的全局變量，然后再使用$變量。具體的做法是：

// main.js文件中引入jQuery
import $ from 'jquery'
// 注冊(cè)為全局變量
Vue.prototype.$ = $

第二個(gè)問(wèn)題是關(guān)于使用Vue時(shí)，在Chrome瀏覽器中出現(xiàn)“舊版IE瀏覽器”的警告信息的問(wèn)題。這個(gè)問(wèn)題在使用vue-cli2時(shí)出現(xiàn)比較多，vue-cli3中已經(jīng)修復(fù)了該問(wèn)題。在vue-cli2中，解決辦法是在webpack的配置中加入如下代碼：

// webpack.base.config.js中加入以下代碼
module.exports = {
// ...
plugins: [
new webpack.DefinePlugin({
'process.env': {
NODE_ENV: JSON.stringify('production')
}
})
]
// ...
}

第三個(gè)問(wèn)題是關(guān)于使用Vue時(shí)出現(xiàn)$nextTick內(nèi)部函數(shù)錯(cuò)誤的問(wèn)題。$nextTick是Vue中用來(lái)監(jiān)聽(tīng)dom操作完成之后觸發(fā)的鉤子函數(shù)，但有時(shí)會(huì)因?yàn)閮?nèi)部函數(shù)出錯(cuò)而報(bào)錯(cuò)。這個(gè)問(wèn)題通常是由于官方的bug導(dǎo)致的，可以通過(guò)升級(jí)Vue的版本來(lái)解決這個(gè)問(wèn)題。