Vue.js 是什么

起步

安装

环境准备

VS Code 安装

• 安装 VS Code

开发指南

1. 使用 VS Code 打开项目文件夹。

   提示

   请打开 VS Code 选择菜单栏中的 “文件-打开文件夹”，或在文件夹上 “右键——使用 VS Code 打开” 或在文件夹内部空白处 “右键——使用 VS Code 打开”。

2. 打开终端(快捷键 Ctrl + ` )。

3. 在终端中输入相关指令即可执行相关功能。

介绍

Vue 的单文件组件 (即 *.vue 文件，简称 SFC) 是一种特殊的文件格式，使我们能够将一个 Vue 组件的模板、逻辑与样式封装在单个文件中。下面是一个单文件组件的示例：

<script>
export default {
  data() {
    return {
      greeting: "Hello World!",
    };
  },
};
</script>

<template>
  <p class="greeting">{{ greeting }}</p>
</template>

<style>
.greeting {
  color: red;
  font-weight: bold;
}
</style>

Vue Router 是 Vue 官方出品的路由组件，托管整个 Vue 项目路由。

介绍

Vue Router 是 Vue 官方出品的路由组件，托管整个 Vue 项目路由。

Route 属性

在日常开发中，我们主要关注选项中的 routes 属性。routes 属性是一个数组，其每一个元素是一个对象，对象会包含 path，component 两个必填属性与 meta 和 name 两个可选属性。