码迷,mamicode.com
首页 > 其他好文 > 详细

Vue 1组件的使用

时间:2017-07-19 00:18:20      阅读:129      评论:0      收藏:0      [点我收藏+]

标签:imp   nts   return   scope   data   highlight   ret   class   weight   

在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组件的使用

标签:imp   nts   return   scope   data   highlight   ret   class   weight   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!