×

.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

时时彩平台哪个好 重庆幸运农场走势图 百度 体彩广东十一选五 优乐江西麻将下载 gpk王者捕鱼游戏下载 31选7开奖号码走势图 幸运飞艇官方推荐网址 五分彩选号规律 福州麻将技巧图示 单机捕鱼达人破解版 长沙麻将必胜绝技 吉林快三和值当天推荐 浙江6+1中多少 辽宁11选五每天开奖多少期 海南体彩app官方网站 南京麻将规则 天津十一选五开奖基本走势图