学习之路 vue模块化暴露和引用

1. 每一个.js文件就是一个模块。
2. 每一个从第三方下载的服务或者插件也是一个模块。
3. 甚至于每一个.vue组件也可以算是一个模块。

因为，在javascript中，每一个想要被引用的模块，我们都需要用，export 或者 export default将他暴露出去，在需要引入的时候import 或者 import {} (import 是ES6的规范)

4. vue也是比较遵循与JavaScript的标准，在vue中，有两种暴露模块的方法，第一种是export ，第二种是export default

		//	比如，我们可以把common.js中的方法，通过export全部暴露出去
		export function getToken () {
			//to do ...
		}
		export function setToken () {
			//to do ...
		}
	.......

		//引入这些方法的时候，需要采用结构的形式 import { getToken } from ‘@/utils/common’

		//我们也可以把一个模块通过export default进行暴露出去，但是切记，一个js文件中，可以含多个export 但是只能含一个 export default
		export default {
			data () {
				return {
					//状态
				}
			}，
			created （）{
				// to do...
			}
			methods: {
				//方法
				initMonitor () {
					//一个想要在多个页面使用的监听方法
					// to do ...
				}
			}，
			computed: {
				//计算属性
			}
		}

	//引入这些方法的时候，不需要用结构 import  aaa(自己随便取一个名字) from ‘@/utils/deviceStatus’ 

	//调用方法
		this.initMonitor ()