vue如何引用其他组件（css和js）

Vue组件引用与资源引入指南：长沙网络推广的经验分享

一、Vue组件的调用

在Vue中，组件的命名应避免使用内置或保留的HTML元素。例如，不应使用“address”作为组件名字。App.vue是Vue项目的入口文件，只有注册过的Vue组件才能使用。

二、外部CSS的引入

在Vue项目中引入外部的CSS文件，应将其放置在和引入Vue的位置相同。使用“./”代表当前项目，“../”代表上一级项目。例如，通过`import '../static/style/reset.css'`来引入外部的CSS文件。如果引用的CSS或JS文件不起作用，除了在index.html中引用外，还需注意引用顺序。

三、购物车问题的解决方案

如果在app.vue中引入JS文件或使用node_modules中的文件时遇到问题，如在index.html中引用JS文件后，在vue中使用axios的get方法仍然报错，可以尝试以下解决方案：

1. 在index.html中引入axios.js，然后在Vue中使用axios进行网络请求。如果使用vue-resource的$http会报错，可以尝试使用axios的get方法。例如：

```javascript

axios({

method: 'get',

url: '/static/style/cart.json',

data: {}

})

```

四、使用vue-source引入外部JS文件

在HTML中，可以按照以下顺序引入Vue及其相关文件：

```html

```

在cart.js中，可以编写如下内容来处理与购物车的交互：

```javascript

cartView: function() {

var _this = this; // 确保在get请求之前获取到this的值

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）的经验。希望这些内容对大家的学习有所帮助，也希望大家能够支持狼蚁SEO。在开发过程中遇到问题，可以尝试以上解决方案，以帮助你更好地进行项目开发。如有更多疑问或需求，欢迎进一步交流学习。