vue如何引用其他組件(css和js)
1.vuejs組件之間的調(diào)用components
注意:報(bào)錯(cuò)Do not use built-in or reserved HTML elements as component id:
修改組件的名字,例如不能使用address為組件名字
組件名字不要使用內(nèi)置的或保留HTML元素為組件id,
App.vue是一個(gè)入口,vue必須注冊(cè)才能使用


2.vue引入外部的css,放在和引入vue的位置一樣
./代表當(dāng)前項(xiàng)目,../代表上一級(jí)項(xiàng)目
import '../static/style/reset.css'

如果引用的css,js不起作用,在index.html里面引用,還是不起作用,注意引用順序

3.關(guān)于購(gòu)物車(chē),Cannot read property 'get' of undefined(…)
解決辦法:
在app.vue里面引入js不起作用,引用node_modules里面的也不起作用,在index.html里面引入文件,這個(gè)文件是放在style里面的,記得url里面的路徑

解決方案:
1.在index里面引入axios.js,vue里面用axios;如果vue里面用vue-resource的$http會(huì)報(bào)錯(cuò)get“”

axios({
method: 'get',
url: '/static/style/cart.json',
data: {
}
})
第二種:使用vue-source,引入外部的js
注意引入順序
<script type="text/javascript" src="static/style/vue.min.js"></script> <script type="text/javascript" src="static/style/vue-resource.min.js"></script> <script type="text/javascript" src="static/style/cart.js"></script>
這是cart.js里面的內(nèi)容
cartView:function(){
var _this=this //記得寫(xiě)在get上面,不然取不到值
this.$http.get('/static/style/cart.json',{'id':123}).then(function(res){
this.pro=res.body.name;
//_this.produceList=res.body.result.list;
console.log(res.body.name)
})
}
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
vue中使用 pinia 全局狀態(tài)管理的實(shí)現(xiàn)
本文主要介紹了vue中使用 pinia 全局狀態(tài)管理的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-07-07
Vue執(zhí)行方法,方法獲取data值,設(shè)置data值,方法傳值操作
這篇文章主要介紹了Vue執(zhí)行方法,方法獲取data值,設(shè)置data值,方法傳值操作,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-08-08
vue中使用unity3D如何實(shí)現(xiàn)webGL將要呈現(xiàn)的效果
vue路由導(dǎo)航守衛(wèi)和請(qǐng)求攔截以及基于node的token認(rèn)證的方法

