Vue 1组件的使用
Posted BadGirl_Xiao
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue 1组件的使用相关的知识，希望对你有一定的参考价值。
在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组件的使用的主要内容，如果未能解决你的问题，请参考以下文章