手机版

vue如何引用其他组件(css和js)

时间:2021-09-05 来源:互联网 编辑:宝哥软件园 浏览:

1.在1.vuejs组件之间调用组件

注意:不要使用内置或保留的html元素作为组件id :

修改组件的名称,例如,地址不能用作组件名称

不要使用内置或保留的HTML元素作为组件名称的组件id。

App.vue是一个入口,必须注册vue才能使用

2.vue在与vue相同的位置引入外部css

./表示当前项目,并且./表示上一个项目

“进口”.“/static/style/reset . CSS”

如果引用的CSS和JS不起作用,它在index.html仍然不起作用。注意引用的顺序

3.关于购物车,无法读取未定义(…)的属性“get”

解决方法:

在app.vue中引入js不起作用,引用node_modules也不起作用。在index.html介绍一个文件,这个文件放在样式中,记住url中的路径。

解决方案:

1.引入axios。索引中的js和vue中的axios如果vue使用vue-resource的$http,它将报告一个错误“get”

Axios ({method:' get ',URL : '/static/style/cart . JSON ',data : } })第二种是使用vue-source,引入外部js

注意介绍顺序

脚本类型=' text/JavaScript ' src=' http : static/style/Vue . min . js '/脚本脚本类型=' text/JavaScript ' src=' http : static/style/Vue-resource . min . js '/脚本类型=' text/JavaScript ' src=' http : static/style/cart.js '/脚本这是cart . js中的内容。

cartview : function(){ var _ this=this//记得写在get上,否则就不能得到值this。$ http . get('/static/style/cart . JSON ',{'id' :123})。然后(function(RES){ this . pro=//_ this . product elist=RES . body . result . list;Console.log(res.body.name) })以上就是本文的全部内容,希望对大家的学习有所帮助,多多支持我们。

版权声明:vue如何引用其他组件(css和js)是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。