新手 - web秀

#新手#

共找到新手相关内容 7 条

3年前

为 Vue.js 新手准备的实战入门教程 - 第一章

为 Vue.js 新手准备的实战入门教程 - 第一章

[对于任何开发人员来说，学习一个新框架都是一个非常艰巨的过程，特别是对于仍在学习基础语言(在这种情况下为JavaScript)的开发人员而言。这就是为什么我决定创建本系列的原因，在该系列中，我尝试使学习Vue.js变得轻松和易于理解?我不喜欢冗长的引言，所以如果您继续阅读的话，我假设：您具有一些基本的HTML/CSS/JS知识。您不需要成为经验丰富的前端开发人员就可以将Vue用作开发框架，但是至少您要懂得编写HTML标记，了解CSS的基本工作原理，还有如何编写JavaScript。Vue作为库您可以通过多

547027 3341 0

3年前

为 Vue.js 新手准备的实战入门教程 - 第二章

为 Vue.js 新手准备的实战入门教程 - 第二章

[在上一节中(《为Vue.js新手准备的实战入门教程-第一章》)，我们知道了如何使用普通的<script>标签将Vue添加到index.html中，并且成功地在页面中添加了第一个响应式属性。今天，我们来学习一下如何使用户通过交互来改变这个属性。到目前为止，我们的代码看起来是这样的：<html><head><title>Vue101</title></head><body><h1>Hello!</h1>

546772 3355 0

3年前

为 Vue.js 新手准备的实战入门教程 - 第三章

为 Vue.js 新手准备的实战入门教程 - 第三章

一个简单的if-else条件指令不管使用什么框架，条件渲染是任何程序员都会用到的最重要的功能之一。在本节中，学习使用条件来显示或隐藏你程序的一部分是一个很好的开始，同时也是学习使用Vue指令的好办法。我们将继续在之前的代码基础上进行学习。如果你丢失了代码或只是想赶上进度，下面是我们到目前为止的全部代码：<html><head><title>Vue101</title></head><body><h1>Hello!</

548299 3273 0

3年前

为 Vue.js 新手准备的实战入门教程 - 第四章

为 Vue.js 新手准备的实战入门教程 - 第四章

[上一节中(《为Vue.js新手准备的实战入门教程-第三章》)我们学习了如何使用v-if和v-show进行条件渲染。本节我们将学习如何对数组和对象进行循环，除此之外，我们还将应用之前所学的一些概念。v-forv-for是Vue的基本指令之一，一旦你学会如何使用它，你就可以在你的程序中添加更多功能。简单的来说，v-for就是一个for循环。如果你还不知道什么是for循环的话，for循环其实是一段代码，代码内每一个元素都会被执行一次，而这些元素通常是一个Array(数组)或Object(对象)。今天，我们要从

547365 3259 0

3年前

为 Vue.js 新手准备的实战入门教程 - 第五章

为 Vue.js 新手准备的实战入门教程 - 第五章

[这次我将带领大家看一下组件。下面让我们开始吧！下面是我们的初始代码结构：<html><head><title>Vue101</title></head><body><divid="app"></div><scriptsrc="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><script>constapp=new

546766 3269 0

3年前

为 Vue.js 新手准备的实战入门教程 – 第六章

为 Vue.js 新手准备的实战入门教程 – 第六章

今天让我们来讨论一下计算属性.到目前为止，你已经了解了Vue如何处理它自己的本地状态，即我们放在data中的状态，以及组件如何处理它的prop属性-即父组件传递下来的属性。然而，在Vue中还有一种计算属性类型的属性。让我们今天来看看这些内容。今天我们将使用一个全新的样例，以便于我们可以构建一个清晰的例子。以下是代码。<html><head><title>Vue101</title></head><body><divid="app

546736 3312 0

3年前

为 Vue.js 新手准备的实战入门教程 - 第七章

为 Vue.js 新手准备的实战入门教程 - 第七章

我们的Vue新手学习之旅即将结束，你也快要从Vue学徒级别毕业了。但是在这之前，你必须掌握侦听器。今天我们将要处理两个非常重要的概念，一个是刚才提到的侦听器，另一个是输入绑定。话不多说，我们先构建一个超级简单的表单样例来展示这两个超赞的功能。<html><head><title>Vue101</title></head><body><divid="app"><label>What'syourfavoritega

547073 3275 0

下拉加载更多