概述

vue中组件之间的传值传值情况主要有以下三种

• 父组件向子组件传值
• 子组件向父组件传值
• 兄弟组件之间相互传值或者是两个没有关系的组件之间的传值

在开始介绍之前我们先建立3个vue文件，文件名分别为:Parent.vue , Child1.vue , Child2.vue

父组件向子组件传值

这种情况是三种传值方案中最简单的, 通过在子组件中使用 props就可以实现

父组件Parent.vue中的代码

前期准备

1. webpack
2. vue.js
3. npm
4. nodejs
5. ES6语法

由于本文内容是通过npm来加载vue，所以开始之前需安装nodejs环境，安装完成之后再执行以下步骤：

创建项目

1
2

mkdir  vue-demo
cd vue-demo

使用 npm init 命令 生成package.json文件

主题设置

个人比较喜欢 NexT 主题，所以这篇文章主要讲next主题的设置

在 Hexo 中有两份主要的配置文件，其名称都是 _config.yml。 其中，一份位于站点根目录下，主要包含 Hexo 本身的配置；另一份位于主题目录下，这份配置由主题作者提供，主要用于配置主题相关的选项。
为了描述方便，在以下说明中，将前者称为 站点配置文件， 后者称为 主题配置文件。

NexT 主题安装

主题下载

现将路径切换到项目根目录

cd blog
git clone https://github.com/iissnan/hexo-theme-next themes/next

启用主题

Hexo简介

Hexo 是一个简单地、轻量地、基于Node.js的一个静态博客框架。通过Hexo我们可以快速创建自己的博客，仅需要几条命令就可以完成。

Hexo特性：

- Hexo基于Node.js，支持多进程，几百篇文章也可以秒生成。 
- 支持GitHub Flavored Markdown和所有Octopress的插件。 
- Hexo支持EJS、Swig和Stylus。通过插件支持Haml、Jade和Less

详细简介请查看 Hexo官方网站

搭建博客之前的准备

• 安装Node环境
• 安装Git
• 申请GitHub
  阅读全文 »