vue export default

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue export default相关的知识,希望对你有一定的参考价值。

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

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

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

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

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

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

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

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

最终形成一棵组件树。

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

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

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

里面的data()方法要return

以上是关于vue export default的主要内容,如果未能解决你的问题,请参考以下文章

Vue 中 export default 和 module.exports

IDEA里的Keymap(DefaultDefault for GNOMEDefault for KDEDefault for XWinEclipseEclipse(Mac OS X)Em

Vue导入导致无法分配给对象错误的只读属性'exports'

关于VUE中 import export 和 export default 的注意问题

关于 vue中 export default 和 new Vue({})

引用组件时,Vue“无法访问'__WEBPACK_DEFAULT_EXPORT__'”