vue如何引用其他組件（css和js）
更新時間：2017年04月13日 08:54:16 作者：懶人貓
本篇文章主要介紹了vue如何引用其他組件（css和js） ，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
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)
})
}
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了淺談vant組件Picker 選擇器選單選問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
這篇文章主要介紹了VUE中的自定義指令鉤子函數(shù)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
這篇文章主要介紹了vue.js中如何導(dǎo)出Excel表格,在項目中經(jīng)常會遇到這樣的需求，今天小編分步驟通過實例代碼給大家詳細(xì)介紹，需要的朋友可以參考下2019-06-06
Vue3+Canvas實現(xiàn)坦克大戰(zhàn)游戲(二)
本文主要給大家講解一下子彈擊中物體、物體銷毀、敵方坦克構(gòu)建生成、運動算法、爆炸效果、以及障礙物的生成，感興趣的小伙伴可以了解一下2022-03-03
這篇文章主要介紹了vue視圖不更新情況詳解，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
這篇文章主要為大家詳細(xì)介紹了Vue實現(xiàn)可復(fù)用輪播組件的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
vue使用自定義指令實現(xiàn)按鈕權(quán)限展示功能
這篇文章主要介紹了vue中使用自定義指令實現(xiàn)按鈕權(quán)限展示功能，本文結(jié)合實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-04-04
這篇文章主要介紹了vue 組件高級用法,需要的朋友可以參考下2018-04-04
五分鐘教你使用vue-cli3創(chuàng)建項目(新手入門)
本文主要介紹了五分鐘教你使用vue-cli3創(chuàng)建項目，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
element-ui?tree?異步樹實現(xiàn)勾選自動展開、指定展開、指定勾選功能
這篇文章主要介紹了element-ui?tree?異步樹實現(xiàn)勾選自動展開、指定展開、指定勾選,項目中用到了vue的element-ui框架，用到了el-tree組件，由于數(shù)據(jù)量很大，使用了數(shù)據(jù)懶加載模式，即異步樹，需要的朋友可以參考下2022-08-08