码迷,mamicode.com
首页 > 其他好文 > 详细

vue 构建项目 文件引入

时间:2019-04-07 20:31:37      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:页面   from   模板   直接   html   安装   info   ase   mic   

  1、vue引用依赖文件。  举例:axios

  先安装 axios。如果直接安装 vue-axios 会报错

npm install axios
npm install --save axios vue-axios

  

  配置模板:

import Vue from ‘vue‘
import axios from ‘axios‘
import VueAxios from ‘vue-axios‘
 
Vue.use(VueAxios, axios)

 

  使用:

Vue.axios.get(api).then((response) => {
  console.log(response.data)
})
 
this.axios.get(api).then((response) => {
  console.log(response.data)
})
 
this.$http.get(api).then((response) => {
  console.log(response.data)
})

 

  还有一种跟平时引用的使用方法:

  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>


  有些css文件等文件需要本地引用(如base.css),那么怎么办呢。直接引用:

  css:

import ‘../static/css/base.css‘
import ‘../static/css/style.css‘

 

  js:单页面引用:

<script src="../../static/js/main.js"></script>  

  技术图片  

 

 

 

     

         vue 构建项目遇到的问题

         vue 构建项目遇到的请求本地json问题

vue 构建项目 文件引入

标签:页面   from   模板   直接   html   安装   info   ase   mic   

原文地址:https://www.cnblogs.com/nelsonlei/p/10666802.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!