.vue文件示例:
<!-- 快捷键写法vue -->
<template>
<div>
<h1>组件模板{{ msg }}</h1>
</div>
</template>
<script>
// ES6的模块化语法:默认导出
export default {// ES6里面后面是一个对象。common.js后面就是一个语句。
name: 'PracticeProject12',
data() {
return {
msg: '组件配置'
}
}
}
</script>
<style lang="scss" scoped>
// 组件样式
</style>