首页 > 代码库 > Vue 1组件的使用

Vue 1组件的使用

2024-10-30 07:39:02   206人阅读

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


联系
我们