vue 引用网络css_vue如何引用其他组件(css和js)
1.vuejs組件之間的調用components
注意:報錯Do not use built-in or reserved HTML elements as component id:
修改組件的名字,例如不能使用address為組件名字
組件名字不要使用內置的或保留HTML元素為組件id,
App.vue是一個入口,vue必須注冊才能使用
2.vue引入外部的css,放在和引入vue的位置一樣
./代表當前項目,../代表上一級項目
import '../static/style/reset.css'
如果引用的css,js不起作用,在index.html里面引用,還是不起作用,注意引用順序
3.關于購物車,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
注意引入順序
這是cart.js里面的內容
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如何引用其他組件(css和js)
本文地址: http://www.cppcns.com/wangluo/javascript/187369.html
總結
以上是生活随笔為你收集整理的vue 引用网络css_vue如何引用其他组件(css和js)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 中绘制折线_漂亮图表也可信手拈来,一文学
- 下一篇: python中property魔法方法原