首页 > 其他 > 详细

Vue 1组件的使用

时间:2017-07-18 23:53:06      阅读:346      评论:0      收藏:0      [点我收藏+]

在components新建一个vue组件:

<template>
  <div>
    <h1>{{ msg }}</h1>
  </div>
</template>

<script>
export default {
  data () {
    return {
      msg: ‘Welcome to Your Vue.js App‘
    }
  }
}
</script>
<style scoped>
h1, h2 {
  font-weight: normal;
}
</style>

 然后  在app.vue中引用

import Hello from ./components/Hello

如果加注释的话   :  需要注意//(中间需要有一个空格 语法) inport

然后使用:

export default {
  name: app,
  components: {
    Hello
  }
}

 

Vue 1组件的使用

原文:http://www.cnblogs.com/AmbiguousMiao/p/7203300.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!