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）相关推荐

react styled-components插件完成独立组件css样式(js重构css写法)
1.安装cnpm install styled-components --save2.创建js文件,写全局样式import {createGlobalStyle} from 'styled-compo ...
vue 引用网络css_Vue 引入第三方js.css的方式
转自:https://blog.csdn.net/csdn_yudong/article/details/78795743 我们以 jQuery 为例,来讲解一.绝对路径直接引入,全局可用主入口页 ...
vue 引用网络css_Vue 引入外部CSS文件
1. 使用@import引入缺点无法实现scoped,且比价浪费资源请看以下代码,我们在一个scoped空间里引入外部css文件 export default { name: "use ...
可以不学html直接学vue吗,一个只学过HTML，CSS，JS的前端初学者在学习Vue.js之前还需要学习哪些知识？...
看了大家的回答,感觉很多人都没说到点子上大概大家对如何有效的掌握一门新的框架也是一头雾水吧为了给题主解惑,以及各位如此耐心回答问题的朋友提供一个学习思路,所以我决定要抖点干货. 主题就是<如 ...
[置顶] 做个widget -- 网络记事本,证明偶也会CSS和JS
网络记事本,就为了证明自己会CSS+JS,呵呵呵! 2. 新增一个google首页效果抓取的代码,已经格式化!!! 大小: 17.3 KB igoole.zip (29.2 KB) 下载次数: 33 ...
介绍html CSS和JS的定义或引用
现在的网页设计,一般采用内容与表现相分离,即网页的组成包含:内容(HTML)+ 样式(CSS) + 脚本(JS) . 浏览器解析原理服务器接收到HTML->解析HTML结构建DOM树-> ...
jq的插件 vue中引用_详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
本篇文章主要介绍了详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件,具有一定的参考价值,有兴趣的可以了解一下使用vue-cli构建的vue项目,webpack的配置文 ...
vue html img标签绝对路径,vue cli使用绝对路径引用图片问题的解决
前言 Vue是什么,是一套构建用户界面的渐进式框架(官网解释),什么叫渐进式框架呢,简单回答就是主张最少,这些概念只能自己去看,自己去理解,一千个读者一千个哈姆雷特,不过多的解释.很全面的. Vue是 ...
百度论文引用网络节点分类比赛
论文引用网络节点分类比赛 Baseline 赛题介绍图神经网络(Graph Neural Network)是一种专门处理图结构数据的神经网络,目前被广泛应用于推荐系统.金融风控.生物计算中.图神经网 ...

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

vue 引用网络css_vue如何引用其他组件（css和js）相关推荐

最新文章

热门文章