VUE里面的export default 是什么

一. export是什么

export主要用于对外输出本模块变量的接口，一个文件就可以被理解为一个模块。export就是导出。

import就是在一个模块中加载另一个含有export接口的模块， import就是导入。

1. export default和export都能导出一个模块里面的常量，函数，文件，模块等，在其它文件或模块中通过import来导入常量，函数，文件或模块。这样就可以使用它们了。但是，在一个文件或模块中，export,import可以有多个，export default却只能有一个。

2. 通过export方式导出，在导入的时候需要加{}大括号，export default 就不需要{}.

var name = 'zhangsan'
export { name }

import { name } from "/.test.js"

var name = 'zhangsan'
export default name 

import name from "/.test.js"

import ComponentA from './ComponentA.vue'

export default {
  components: {
    ComponentA
  },
  // ...
}

 export default {
    name: 'GoTop',
    data() {
      return {
        topShow: false
      }
    },
    methods: {
      toTop() {
        document.body.scrollTop = 0;
        document.documentElement.scrollTop = 0;
        this.topShow = false;
      },
      needToTop() {
        let curHeight = document.documentElement.scrollTop || document.body.scrollTop;

        if (curHeight > 400) {
          this.topShow = true;
        } else {
          this.topShow = false;
        }

      }
    },
    mounted() {
      /**
       * 等到整个视图都渲染完毕
       */
      this.$nextTick(function () {
        window.addEventListener('scroll', this.needToTop);
      });
    }
  }

let是在当前作用域下声明变量，var是全局，外层可以调用。

||表示逻辑或

new Vue({}) ,只是创建一个Vue实例，就是相当于创建一个根组件。

二. != 和 !==的区别

两个都是用来比较的，在比较过程中会有差别。

!= 在比较时，若类型不同，会尝试转换类型之后再比较。

!== 在在进行比较之前会进行判断，如果不是相同类型，则不会比较。因此，只有相同类型才会比较。

同样道理：

==代表相同， ===代表严格相同。

== 在进行比较的时候，若类型不同，会尝试转换类型之后再比较。

===在进行比较的时候，若类型不同，就直接不相等了。

判断一个值是否是NaN,只能通过isNaN()来进行判断。