Vue.js 是什么

起步

安装

尝试 Vue.js 最简单的方法是使用 SFC Playground。您可以在浏览器新标签页中打开它，跟着例子自己进行一些尝试。

环境准备

VS Code 安装

• 安装 VS Code

开发指南

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

   提示

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

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

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

Mr.Song 已为 inNENU Website 开发了一些常规组件。本文介绍了这些组件的配置。

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>

添加百度统计

获取百度统计代码

• 登录百度统计后台
• 创建站点
• 复制统计代码

var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?44212d6ce872df50b804d94b24889284";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
})();

安装百度自动推送代码

实现资源自动推送到百度搜索引擎。

验证站点

详情请查阅推送资源到百度站长-验证站点

访问百度站长, 添加站点, 系统会给出验证代码, 复制验证代码, 并配置到 config.js 中
修改 config.js

创建一个项目

在尝试了单文件的快速开发后，我们就可以开始真正创建一个项目。

vue create

运行以下命令来创建一个新项目:

vue create hello-world