VueJS

如何在 Vue.js 中使用 Ag-Grid

介绍 在本文中,我们将学习如何在 Vue.js 应用程序中使用 ag-grid。ag-Grid 是一个用于以表格格式显示数据的组件。通过使用 ag-Grid,开发人员可以根据自己的需求轻松扩展功能。 前提条件 Vue.js 基础知识  在系统上安装Visual Studio Code IDE  HTML和CSS的基础知识 创建 Vue.js 项目 使用以下命令创建 Vue.js 项目。 vue c...

如何在 Vue.js 应用程序中添加日期选择器(vue日期时间选择组件)

在本文中,我们将学习如何在 Vue.js 应用程序中添加日期选择器。  前提条件 Vue.js 基础知识  在系统上安装Visual Studio Code IDE 。 HTML和CSS的基础知识 创建 Vue.js 项目 使用以下命令创建 Vue.js 项目。 vue create datepicker 在 Visual Studio Code 中打开新创建的项目并使用以下命令安装 vue-en...

如何在 Vue.js 中使用下拉和单选按钮

介绍  在本文中,我们将学习如何使用 Vue.js 中的单选按钮和下拉选择。单选按钮是一种元素,它允许用户从多个选项中只选择一个选项。 您可以从下面提到的链接中查看我之前关于 Vue.js 的文章。  Vue.js 概述 使用 Vue UI 创建 VueJS 项目 如何在 Vue.js 应用程序中从 WEB API 获取数据 先决条件 我们应该具备 HTML 和 Vue.js 的基本知识  Vis...
推荐

如何在 Vue.js 应用程序中从 WEB API 获取数据

在本文中,我们将了解 Vue.js 的基本概念以及如何安装 Vue.js 并创建一个新项目。我们还将学习如何在 Vue.js 应用程序中执行 HTTP Get 操作来获取数据。 什么是 Vue.js Vue.js 是一个开源前端 JavaScript 框架,用于构建用户界面和单页应用程序 (SPA)。Vue.js 通常被称为 Vue。并发音为 View。 根据官方 Vue.js 文档, Vue 是...
推荐

使用 Vue UI 创建 VueJS 项目

介绍 在本文中,我们将学习如何使用图形用户界面和 Vue UI 命令创建 VueJS 项目。 必备条件 JavaScript 和 VueJS 的基础知识 安装了 Node.js。 文本编辑器。 安装了 Vue CLI。 现在,我们安装 Vue CLI。使用以下命令安装 Vue CLI, npm install -g @vue/cli 打开命令提示符并输入以下命令“Vue UI”, 按回车并检查。 ...
推荐

Vue.js 概述

介绍 在本文中,我们将了解 Vue.js 的基本概念以及如何安装 Vue.js 并创建一个新项目。 什么是 Vue.js Vue.js 是一个开源前端 JavaScript 框架,用于构建用户界面和单页应用程序 (SPA)。Vue.js 通常被称为 Vue,发音为 View。 根据官方 Vue.js 文档, Vue 是一个用于构建用户界面的渐进式框架。与其他单体框架不同,Vue 从头开始​​设计为...
推荐

VueJS – 开发示例(18)

示例 1:货币转换器 <html> <head> <title>VueJs Instance</title> <script type = "text/javascript" src = "js/vue.js"></script> </head> <body> <style> #databi...
推荐

VueJS – 响应接口(17)

VueJS 提供了向属性添加响应的选项,这些属性是动态添加的。考虑到我们已经创建了 vue 实例,需要添加 watch 属性。可以按如下方式完成 – 例子 <html> <head> <title>VueJs Instance</title> <script type = "text/javascript" src = "js/vu...
推荐

VueJS – 渲染函数(vue渲染函数有什么作用)16

我们已经看到了组件及其用法。例如,我们有一个内容需要在整个项目中重复使用。我们可以将其转换为组件并使用它。 让我们看一个简单组件的例子,看看渲染函数在其中做了什么。 例子 <html> <head> <title>VueJs Instance</title> <script type = "text/javascript" src = "js/...
推荐

VueJS – Mixins混入(15)

Mixin 基本上是和组件一起使用的。它们在组件之间共享可重用的代码。当组件使用 mixin 时,mixin 的所有选项都成为组件选项的一部分。 例子 <html> <head> <title>VueJs Instance</title> <script type = "text/javascript" src = "js/vue.js">...
推荐

VueJS – 路由(14)

VueJS 没有内置的路由器功能。我们需要执行一些额外的步骤来安装它。 直接从 CDN 下载 最新版本的 vue-router 可在https://unpkg.com/vue-router/dist/vue-router.js 获得 Unpkg.com 提供基于 npm 的 CDN 链接。上面的链接总是更新到最新版本。我们可以下载并托管它,并将其与脚本标签和 vue.js 一起使用,如下所示 &#...
推荐

VueJS – 指令(13)

指令是 VueJS 以某种方式做事的指令。我们已经看到了诸如 v-if、v-show、v-else、v-for、v-bind、v-model、v-on 等指令。 在本章中,我们将了解自定义指令。我们将创建类似于我们为组件所做的那样的全局指令。 语法 Vue.directive('nameofthedirective', { bind(e1, binding, vnode) { } }) 我们需要使...
开通VIP 享更多特权,建议使用QQ登录