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)

  })

  }

(0)

相关推荐

  • 如何让浏览器不加载缓存CSS和JS

    我们在网页制作中会碰到如果我上传js,css之后用户以前打开过页面那么这样不会加载新的css或js文件而是加载缓存中的文件,那么我要怎么让浏览器不加载缓存CSS和JS呢?下面一聚教程小编来给各位介绍. ...

  • Map.vue基于百度地图组件重构笔记教程

    Map.vue是为iview组件开发的一个基于百度地图的组件,实现了点是否在框内的判断,画多边形覆盖物,添加自定义富文本标记物等功能. 第一步:重构自定义的富文本对象,设置为全局对象. 原代码的富文本 ...

  • 如何统一压缩HTML、CSS、JS

    在线压缩还原工具HCJCompress,可同时删除html.css.js中的多余的注释.空格.回车,统一各文件中的控件id.类名等,替换Js的函数变量.函数名称.同时具有代码还原功能. 操作方法 01 ...

  • 如何注释html、css、js代码

    不是每行代号都需要注释,但注释代码量要占10% ~ 20%,以免其他人在检测调试代码的时候,不知道这段代码是什么意思,还得从前面开始理解代码,增加别人的工作量.下面,我们来看看如何注释html.css ...

  • HTML中引入css和js的方法

    我们在HTML中经常需要引入CSS和JS文件,那么如何引入呢?下面小编给大家演示一下. 操作方法 01 首先新建一个文件夹,在文件夹下面建立如下图所示的文件 02 接下来用Sublime Text打开 ...

  • 让Editplus自动格式化css和js 的插件

    今天正好看了一下editplus 的用户工具,它允许通过命令行调用和标准输出输出与其它程序进行交互,可以传入参数可以手动指定,也可以是当前选定内容,当前本件所有文本等,即然这样我们就利用它的filte ...

  • css+html+js数字时钟

    数字时钟里面有,年,月,日,星期,小时,分钟,秒,简单的介绍怎么用js来调用日期,做出自己想要的时钟. 操作方法 01 /*css*/ body{margin:0 auto;} .div1{margi ...

  • 在前端开发中怎么引用外部的CSS样式?

    在前端开发中,我们一般将html页面和css样式分开写,但是这样有什么好处呢?或者是为何非要这样写呢?其实写在一起喝分开写效果是一样的,但是写在外面的话一个CSS样式可以用来修饰很多页面,写在里面的话 ...

  • 在JavaScript中引用引用JS文件或css文件

    操作方法 01 JavaScript:head=document.getElementsByTagName('head').item(0);CreateLink("css/test.css& ...