html如何引用vue.js,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)

})

}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

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) }) } 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
经验分享 程序员 微信小程序 职场和发展