• vue.js 多种方式安装


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

    1、独立版本

    我们可以使用vue直接从JS的官方网站JS下载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,例如()

    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

    • {user}//遍历传递的值,然后将其呈现到页面

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

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

  • 相关阅读:
    香橙派 c# iot .net 通过WiringOP库控制继电器吸合开关 代码实例
    leetcode 29
    技术管理进阶——如何规划团队的技术发展方向
    Java排序算法之希尔排序
    SpringBoot+Vue实现前后端分离的财务管理系统
    多版本CUDA安装切换
    MindSpore:本地编译无法找到python
    21年6月阿里巴巴Java暑期实习面经回顾(已上岸)
    DockerFile常用保留字指令及知识点合集
    库存管理“智慧官”上线!北京电信基于飞桨打造主动型库存决策分析系统
  • 原文地址:https://blog.csdn.net/weixin_57198749/article/details/125900762