這篇文章主要介紹vue引用其他組件的示例，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的垣曲網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

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)物車，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

注意引入順序

這是cart.js里面的內(nèi)容

cartView:function(){
 var _this=this //記得寫在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)
 })
}

以上是“vue引用其他組件的示例”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！