vue使用中遇到得一些问题解决(自用）

vue加载外部js

在项目内新建一个config.js

变量的定义

export var config = {
    baseurl:'http://172.16.114.5:8088/MGT2'
 }
  //函数的定义
  export function formatXml(text) {
  　　return text
  }

使用外部的js

<script>
      import {config,formatXml} from '../static/config.js'
      export default {
        data () {
          return {
            message:'hello world 你好',
            tlist:[{text:'汽车'},{text:'面包'},{text:'牛奶'}],
            flag:1,
            num:9,
            datalist:[{name:'汽车',num:0},{name:'电脑',num:0},{name:'手机',num:0}]

          }
        },
        //初始化方法
        mounted:function(){
            console.log(config['baseurl']);
            console.log(formatXml(123));
        }
        }
      }
</script>

vue引入样式文件

• 在styles新建一个样式文件

  

	.rightmain {
		margin: 10px 15px 10px 0;
		padding: 0 !important;
		height: calc(100vh - 50px);
		width: calc(100% - 45px);
	}

• 在vue中引入

<script>
	import '@/styles/bigscreen.scss';
</script>