Vue。JS（发音/vjuː/，视图）是一个用于构建数据驱动的 web 界面的渐进式框架。Vue。JS 的目标是通过最简单的 API 实现响应和组合视图组件的数据绑定。它不仅易于启动，而且易于与第三方库或现有项目集成。以下是三种 vue JS 安装方法：

1、独立版本

我们可以使用 vue 直接从 JS 的官方网站 JS 下载 vue，并在<script>标签中引用它。-><脚本 src=…/vue。不要在开发环境中使用最低压缩版本，否则将不会出现错误提示和警告！

2、使用 CDN 方法

Bootcdn（国内）：https://cdn.bootcss.com/vue/2.2.2/vue.min.js，（国内不稳定）unpkg：https://unpkg.com/vue/dist/vue.js，这将与 NPM 发布的最新版本一致。（推荐）cdnjs：https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js，例如（<script SRC=”https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js“></script>）

3.NPM 方法

Vue 在构建大规模应用程序时使用，建议使用 NPM 安装方法。NPM 可以很好地与 webpack 或 browserify 等模块封装器配合使用。Vue。JS 还提供了开发单文件组件的支持工具。首先，列出我们接下来需要什么：节点。JS 环境（NPM 包管理器）Vue cli 脚手架构造工具 cnpm NPM 淘宝形象 1） 安装节点 js 从 node JS 官方网站下载并安装 node。安装过程非常简单。只需单击“下一步”。安装后，打开命令行工具（win+r）并输入 Node-v 命令，检查 Node 的版本。如果出现相应的版本号，则表示您已成功安装。

npm 包管理器，是集成在 node 中的，所以安装了 node 也就有了 npm,直接输入 npm -v 命令，显示 npm 的版本信息。

父组件向子组件传值

接下来，我们将通过一个示例来说明父组件如何将值传递给子组件：在子组件用户中，如何在 Vue 数据用户中获取 Vue 中的父组件应用程序：[“Henry”、“Bucky”、“Emily”]//应用程序。Vue 父组件的用户定义名称便于子组件调用，后者需要传递数据名称，从“/components/users”导出默认值{name:'app'，data（）{return{users:[“Henry”，“Bucky”，“Emily”]}，组件：{“users”：users}//users subcomponent<template><divclass=“hello”><UL><liv for=“user in users”>{user}//遍历传递的值，然后将其呈现到页面</UL><div><template><script>导出默认值{name:'helloworld'，props:{//这是父组件类型的子标记的自定义名称：array，必需：true}</script 摘要：父组件通过道具将数据向下传递给子组件。注意：组件中有三种形式的数据：数据、道具和计算

简要介绍各模块在流程中的功能：

Vue 组件：Vue 组件。在 HTML 页面上，它负责接收用户操作和其他交互行为，并执行调度方法来触发相应的操作以进行响应。调度：操作行为触发方法，这是唯一可以执行操作的方法。动作：操作行为处理模块，由 $store Dispatch（'action name'，data1）组成，用于触发。然后 commit（）触发突变调用以间接更新状态。负责处理 Vue 组件收到的所有交互行为。它包括同步/异步操作，并支持按注册顺序触发的具有相同名称的多个方法。后台 API 请求的操作在此模块中执行，包括触发其他操作和提交变异。该模块提供 promise 封装，以支持动作链触发器。提交：状态更改提交操作方法。提交变异是执行变异的唯一方式。突变：状态更改操作方法，由操作中的提交（“突变名称”）触发。这是 vuex 修改状态的唯一建议方法。此方法只能执行同步操作，并且方法名称只能全局唯一。在操作过程中，一些挂钩将暴露出来进行状态监测等。状态：页面状态管理容器对象。Vue 组件中数据对象的分散数据以集中的方式存储，具有全局唯一性，用于统一的状态管理。页面显示所需的数据从对象中读取，Vue 的细粒度数据响应机制用于高效地更新状态。getter：状态对象读取方法。该模块未在图中单独列出，应包含在渲染中。Vue 组件通过此方法读取全局状态对象。