vue export default

来源:简书 分类: 文章浏览史 发布时间:2020-09-05 19:01:27 最后更新:2020-09-05 浏览:115
转载声明:
本文为摘录自“简书”,版权归原作者所有。
温馨提示:
为了更好的体验,请点击原文链接进行浏览
摘录时间:
2020-09-05 19:01:27

可以写很多东西,包括变量和方法,对象等,只要是想作为开放的接口都可以写,

在.vue文件中一般写上data() {}以及method等,

data指的是在该组件中定义的模板数据,而如果你对<template/>中的元素绑定了点击方法,

如<button @click="login">,则可如下所示:

<script>
export default {
  name: 'hello',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  },
  methods: {
          login: function() {
              console.log(this.username,this.password);
          }
        }
}
</script>

export 用来导出模块,Vue 的单文件组件通常需要导出一个对象,

这个对象是 Vue 实例的选项对象,以便于在其它地方可以使用 import 引入。

而 new Vue() 相当于一个构造函数,在入口文件 main.js 构造根组件的同时,

如果根组件还包含其它子组件,那么 Vue 会通过引入的选项对象构造其对应的 Vue 实例,

最终形成一棵组件树。

export default命令并不是在每个文件中都是必须的。

它的作用只是用于导出模块,在别的模块需要调用这个模块的时候,

可以通过import命令引入使用的。

里面的data()方法要return

php技术微信