VueJS教程
 VueJS-概述
  2020-10-17-04:56:32            mango

VueJS是用于开发交互式Web界面的开源渐进式JavaScript框架。它是用于简化Web开发的著名框架之一。VueJS专注于视图层。可以轻松将其集成到大型项目中进行前端开发,而不会出现任何问题。VueJS的安装非常容易开始。任何开发人员都可以在很短的时间内轻松理解并构建交互式Web界面。VueJS由Google的前

文章详情
 VueJS-环境设置
  2020-10-17-04:56:58            mango

有很多安装VueJS的方法。前面讨论了如何进行安装的一些方法。直接在HTML文件中使用<script>标记转到VueJS的主页https://vuejs.org/v2/guide/installation.html并根据需要下载vue.js。有两个版本可供使用-生产版本和开发版本。未最小化开发版本,而最小化了生产版本,

文章详情
 VueJS-简介
  2020-10-17-04:57:19            mango

Vue是用于构建用户界面的JavaScript框架。它的核心部分主要集中在视图层,并且很容易理解。我们将在本教程中使用的Vue版本是2.0。由于Vue基本上是为前端开发而构建的,因此在接下来的章节中,我们将处理许多HTML,JavaScript和CSS文件。为了理解细节,让我们从一个简单的例子开始。在此示例中,我们将使

文章详情
 VueJS-实例
  2020-10-17-04:58:01            mango

要开始使用VueJS,我们需要创建Vue实例,称为根VueInstance。句法让我们看一个示例,以了解Vue构造函数中需要包含哪些内容。vue_instance.js对于Vue,有一个名为el的参数。它采用DOM元素的ID。在上面的示例中,我们有ID#vue_det。它是.html中存在的div元素的ID。现在,我们

文章详情
 VueJS-组件
  2020-10-17-04:58:42            mango

Vue组件是VueJS的重要功能之一,它可以创建可在HTML中重用的自定义元素。让我们来看一个示例并创建一个组件,这将使人们更好地了解组件如何与VueJS一起工作。例vue_component.js在.html文件中,我们创建了两个id为component_test和component_test1的div。在上面显示的

文章详情
 VueJS-计算属性
  2020-10-17-04:59:24            mango

我们已经看到了Vue实例和组件的方法。计算属性类似于方法,但与方法相比有一些区别,我们将在本章中讨论。在本章的最后,我们将能够决定何时使用方法以及何时使用计算属性。让我们使用示例来了解计算属性。例vue_computeprops.js在这里,我们用名字和姓氏创建了.html文件。名和姓是一个使用属性名和姓绑定的文本框。

文章详情
 VueJS-监视属性
  2020-10-17-04:59:45            mango

在本章中,我们将学习Watch属性。通过示例,我们将看到可以在VueJS中使用Watch属性。例在上面的代码中,我们创建了两个文本框,一个带有km,另一个带有meter。在data属性中,km和meter初始化为0。创建了一个具有两个功能kmandmeter的watch对象。在这两个功能中,都完成了从公里到米以及从米到

文章详情
 VueJS-绑定
  2020-10-17-05:01:20            mango

在本章中,将学习如何在VueJS附带的名为v-bind的绑定指令的帮助下,对HTML属性进行操作或为HTML属性分配值,更改样式以及分配类。让我们考虑一个示例,以了解为什么需要以及何时使用v-bind指令进行数据绑定。例在上面的示例中,我们显示了一个title变量和三个锚链接。我们还为数据对象的href分配了一个值。现

文章详情
 VueJS-事件
  2020-10-17-05:02:54            mango

v-on是添加到DOM元素以侦听VueJS中事件的属性。点击事件例输出以下代码用于为DOM元素分配click事件。v-on有一个简写形式,这意味着我们也可以按以下方式调用该事件:单击按钮后,它将调用方法“displaynumbers”,该方法将接收事件,并且我们已经在浏览器中对控制台进行了操作,如上所示。现在,我们将再

文章详情
 VueJS-指令
  2020-10-17-05:03:30            mango

指令是VueJS以某种方式执行操作的指令。我们已经看到了诸如v-if,v-show,v-else,v-for,v-bind,v-model,v-on等指令。在本章中,我们将介绍自定义指令。我们将创建与组件操作类似的全局指令。句法我们需要使用Vue.directive创建指令。它采用指令名称,如上所示。让我们考虑一个示例

文章详情

Made with ❤️ in Chengdu. Copyright reserved 2019-2022.

蜀ICP备20006366号-1