×

.vue文件里的export default解释

作者:andy0012020.01.07来源:Web前端之家浏览:3655评论:0
关键词:vueexport default
微信公众号

微信公众号

500.jpg

.vue文件一般都是以模板形式存在,我们会在里面定义页面的表现内容,其中我们会看到一个export default的东东,对于刚学的童鞋来说,估计有点蒙,今天来解释下。

export default是ES6的语法,意思是将这个东西导出,你要import 引入东西,导出了才能引用,来段代码,如下:

<script>
export default {
  name: 'hello',
  data () {
    return {
      webfront: 'Web前端之家!'
    }
  }
}
</script>

如果我们在其他页面应用这段导出的代码,我们必须import下Hello这个组件,如下代码:

import Vue from 'vue'
import Router from 'vue-router'
import hello from '@/components/hello'
import HelloWorld from '@/components/HelloWorld'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path: '/hello',
      name: 'hello',
      component: hello
    }
  ]
})

温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
http://www.miarww.com.cn/article/vue1.html

网友评论文明上网理性发言 已有0人参与

发表评论:

最新留言

  • admin

    可以,您可以加上我的,然后在这里回复下。...

  • 访客

    www.zku.net字库网可以交换个友情链接吗...

  • admin

    谢谢支持...

  • 15723088801

    真好!刚好用到,十分感谢您!...

  • 智慧小鸡

    前端必学知识...

  • 访客

    这叫jquery,不是原生好吗。。...

  • admin

    OK,已修复....

  • jeffery

    結尾沒有封閉好唷!...

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright ? 2020 Web前端之家(www.miarww.com.cn) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.6.0 Valyria

时时彩平台哪个好 飞艇双面盘 广西快3官方开奖结果 排列三下载安装 贵州11选5在线人工计划 群英会0.618计算公式 北京11选五5开奖结果 15选5走势图超长版 快乐双彩今晚开奖结果好运4 基金配资申请 人工计划软件手机版 甘肃11选五号码走势图 福彩3d跨度遗漏值尾 广西快三走势图 十点配资 白小姐精选八码中特 上海天天选4直播