1.Vue简介

Vue 的两个核心功能：

声明式渲染：Vue 基于标准 HTML 拓展了一套模板语法，使得我们可以声明式地描述最终输出的 HTML 和 JavaScript 状态之间的关系。

响应性：Vue 会自动跟踪 JavaScript 状态并在其发生变化时响应式地更新 DOM。

 

渐进式框架：

　　无需构建步骤，渐进式增强静态的 HTML

　　在任何页面中作为 Web Components 嵌入

　　单页应用 (SPA)

　　全栈 / 服务端渲染 (SSR)

　　Jamstack / 静态站点生成 (SSG)

　　开发桌面端、移动端、WebGL，甚至是命令行终端中的界面

 

单文件组件： (也被称为 *.vue 文件，英文 Single-File Components，缩写为 SFC)顾名思义，Vue 的单文件组件会将一个组件的逻辑 (JavaScript)，模板 (HTML) 和样式 (CSS) 封装在同一个文件里。

eg:计数器

<script>
export default {//JavaScrpit逻辑
  data() {
    return {
      count: 0
    }
  }
}
</script>

<template>//HTML
  <button @click="count++">Count is: {{ count }}</button>
</template>

<style scoped>//css
button {
  font-weight: bold;
}
</style>