vue引用其他组件的示例

  介绍

这篇文章主要介绍vue引用其他组件的示例,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

<强> 1。vuejs组件之间的调用组件

注意:报错不要使用内置的或保留HTML元素为组件id:

修改组件的名字,例如不能使用地址为组件名字

组件名字不要使用内置的或保留HTML元素为组件id,

应用程序。vue是一个入口,vue必须注册才能使用

 vue引用其他组件的示例

 vue引用其他组件的示例

<强> 2. vue引入外部的css,放在和引入vue的位置一样

。/代表当前项目,. ./代表上一级项目

import  & # 39;静态/风格/. ./reset.css& # 39;

 vue引用其他组件的示例

如果引用的css, js不起作用,在索引。html里面引用,还是不起作用,注意引用顺序

 vue引用其他组件的示例

<强> 3。关于购物车,不能读取属性& # 39;得到# 39;未定义(…)

解决办法:

在app.vue里面引入js不起作用,引用node_modules里面的也不起作用,在索引。html里面引入文件,这个文件是放在风格里面的,记得url里面的路径

 vue引用其他组件的示例

解决方案:

1。在索引里面引入axios。js, vue里面用axios;如果vue里面用vue-resource的http美元会报错把"

 vue引用其他组件的示例

axios ({   方法:才能,& # 39;得到# 39;   ,,url: & # 39;/静态/风格/cart.json& # 39;   ,,数据:{      ,,}   之前,})

<强>第二种:使用vue-source,引入外部的js

注意引入顺序

, & lt; script 类型=拔谋?javascript" https://www.yisu.com/zixun/, src="静态/风格/vue.min.js ">