uni-app(全局组件引用)

1 components文件下的vue文件

<template name="page-head">

 <view class="uni-page-head">

  <view class="uni-page-head-title">{{title}}</view>

 </view>

</template>

<script>

 export default {

  name: "page-head",

  props: {

   title: {

    type: String,

    default: ""

   }

  }

 }

</script>

2 main.js

import pageHead from './components/page-head.vue'

Vue.component('page-head',pageHead)

3 需要引用的文件下

<page-head :title="title"></page-head>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 组件(Component)是Vue.js最核心的功能,也是整个架构设计最精彩的地方,当然也是最难掌握的。...
    六个周阅读 5,653评论 0 32
  • vue笔记 一.vue实例 vue的生命周期 beforeCreate(创建前), created(创建后), b...
    秋殇1002阅读 1,075评论 0 1
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,081评论 0 29
  • 今日是冬至,是中华民族的一个传统节日,也是团圆的日子。今天你有吃暖暖的汤圆吗?今天有与你的家人一起共度吗?无论大家...
    Mood_1f5b阅读 2,739评论 0 0
  • 2017-8-24 刚刚看了潘潘的觉察日记,被她的哭带哭了。我两都是哭,但起因不同。我是委屈。这段时间总是感觉...
    暖暖的吧阅读 160评论 0 2