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

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

1.vuejs組件之間的調(diào)用components

注意：報錯Do not use built-in or reserved HTML elements as component id:

修改組件的名字，例如不能使用address為組件名字

組件名字不要使用內(nèi)置的或保留HTML元素為組件id，

App.vue是一個入口，vue必須注冊才能使用

2.vue引入外部的css，放在和引入vue的位置一樣

./代表當(dāng)前項目，../代表上一級項目

import '../static/style/reset.css'

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

3.關(guān)于購物車，Cannot read property 'get' of undefined(…)

解決辦法：

在app.vue里面引入js不起作用，引用node_modules里面的也不起作用，在index.html里面引入文件，這個文件是放在style里面的，記得url里面的路徑

解決方案：

1.在index里面引入axios.js,vue里面用axios；如果vue里面用vue-resource的$http會報錯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 //記得寫在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)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

分享文章：vue引用其他組件的示例
分享URL：http://chinadenli.net/article10/gopddo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開發(fā)、做網(wǎng)站、標(biāo)簽優(yōu)化、企業(yè)網(wǎng)站制作、網(wǎng)站維護、手機網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)