vue项目分析--vue里的$&Promise.resolve（）&install(Vue)&vue自定义指令&Vue.directive()&Vue.prototype

最后从已有项目的url router分析每一个页面
#/dashboard是首页

所以组件在@/views/dashboard/index.vue

可以看到首页下面还有民主测评/dashboard/democratic-evaluation和问卷调查’/dashboard/questionnaire-investigation’两个页面，分别是@/views/dashboard/evaluation/page/index.vue和@/views/dashboard/questionnaire-page/index.vue两个组件

现在进入index.vue

可以看到把同目录下不同用户登录的不同组件嵌入了index.vue这个主组件里，结合index.js看一下是怎么把vue文件引入变成子组件的

import admin from './admin/index.vue'
import govHeader from './gov-header/index.vue'
import govLeaderTop from './gov-leader-top/index.vue'
import deptLeader from './dept-leader/index.vue'
import teamLeader from './team-leader/index.vue'
import teamMember from './team-member/index.vue'

export default {
   
  components: {
   
    admin,
    deptLeader,
    govHeader,
    govLeaderTop,
    teamLeader,
    teamMember
  },

vue里的$

关于vue实例，里面暴露了一些数据属性和实例属性以及方法，实例属性和方法前面有前缀$,方便与用户定义的属性区分出来
另外有$的是全局变量，方便与局部变量区别开
es6中也可以采用${XXX}来在字符串中插入变量（这个记住要利用v-bind）

Promise.resolve（）

https://www.cnblogs.com/qianxiaox/p/14124551.html
可以把现有对象变成promise对象

Promise.resolve('foo')
// 等价于
new Promise(resolve => resolve('foo'))

分成四个情况
参数是一个promise实例的话，会直接返回这个实例

参数是一个thenable对象（具有then方法的对象）
Promise.resolve方法会将这个对象转为 Promise 对象，然后就立即执行thenable对象的then方法。

参数不是具有then方法的对象，或根本就不是对象，如果参数是一个原始值，或者是一个不具有then方法的对象，则Promise.resolve方法返回一个新的 Promise 对象，状态为resolved。

不带有任何参数
Promise.resolve方法允许调用时不带参数，直接返回一个resolved状态的 Promise 对象。

resolve()本质作用

resolve()是用来表示promise的状态为fullfilled，相当于只是定义了一个有状态的Promise，但是并没有调用它；
promise调用then的前提是promise的状态为fullfilled；
只有promise调用then的时候，then里面的函数才会被推入微任务中；

install(Vue)

install方法可以帮助开发新的插件以及全局注册的插件
第一个参数是vue的构造器，第二个参数可选

export de