【Vue】—Vue组件基本介绍

【Vue】—Vue组件基本介绍

• Vue组件是以.vue结尾的文件
  
• Vue组件一般都是由三部分组成： template、 script、 style
  
• template写页面部分
  
• script写js部分，组件的script部分中必须要使用export default { }导出
  
• style写css
  
• scoped 这个属性的作用就是让css只在当前页面生效
  
• lang 这个属性规定当前的style可以使用哪种css语言编写
  
• 组件中必须要有页面部分（不一定要有 template标签）
  
• 页面部分可以写在template标签中 还可以写在js中
  
• 组件的导出：export default {}
  
• 组件的导入：import HelloWorld from “./components/HelloWorld.vue”