欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Vue 1组件的使用

程序员文章站 2022-07-13 22:45:10
...

在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
  }
}