vue.js教程 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

Vue.js安装教程

因为 chromedriver 被墙了，所以需要输入命令 cnpm install chromedriver ，安装 chromedriver 。

2.2K2 0

Vue.js 系列教程 4：Vuex

原文：intro-to-vue-4-vuex 译者：nzbin 这是关于 JavaScript 框架 Vue.js 五个教程的第四部分。在这一部分，我们会学习使用 Vuex 进行状态管理。...这个系列教程并不是一个完整的用户手册，而是通过基础知识让你快速了解 Vuejs 以及它的用途。 ? Vuex 如果你错过了关于组件及 Vue-cli 的部分，在阅读本篇文章之前应该先读读这几部分。

2.1K9 0

您找到你想要的搜索结果了吗？

是的

没有找到

Vue.js入门教程-methods

一、输出数据（1）在 Vue.js 的学习中，最开始接触的是使用文本插值输出数据。（2）但如果需要根据某些规则或逻辑输出数据呢？在这种情况下，我们可以通过 Vue.js 中的计算属性实现。...三、计算属性使用 Vue.js 中的 computed 属性，并且在 computed 中创建 fullName 方法。其中键名就是函数名（fullName），而键值是函数。 ? ?...四、函数 4.1 说明（1）函数必须在 Vue.js 中的 methods 属性下添加，类似于计算属性（computed）。...（2）在 Vue.js 中，methods 被命名为方法，是调用对象上下文中的函数，还可以操作对象中包含的数据。 ? ?

2.5K3 0

Vue.js 系列教程 5：动画

这是 JavaScript 框架 Vue.js 五篇教程的第五部分。在这个系列的最后一部分，我们将学习动画（如果你了解我，你知道这一章迟早会来）。...这个系列教程并不是一个完整的用户手册，而是通过基础知识让你快速了解 Vuejs 以及它的用途。 ?...有一本名为 The Majesty of Vue.js 的书，还有 Egghead.io 和 Udemy 上面的课程。

3.2K7 1

Vue.js入门教程-指令

参考文章（1）Vue.js API （2）vue 指令基本使用大全

2.7K4 0

Vue.js入门教程-组件注册

: '#my-button' }) 点击我更多系列文章在GitHub的地址 Vue.js...入门教程

1.6K3 0

Vue.js 系列教程 2：组件，Props，Slots

原文：intro-to-vue-2-components-props-slots 译者：nzbin 这是关于 JavaScript 框架 Vue.js 五个教程的第二部分。...这个系列教程并不是一个完整的用户手册，而是通过基础知识让你快速了解 Vuejs 以及它的用途。 ? 组件和传递数据如果你熟悉 React 或者 Angular2，组件思想和传递状态对你并不陌生。...individual-comment', { template: '#comment-template', props: ['commentpost'] }); See the Pen Photo App post with Vue.js

1.8K10 0

Vue.js 系列教程 1：渲染，指令，事件

在之后的教程中，我们主要使用指令缩写，所以最好先熟悉一下下面的表格。

3K9 0

Vue.js入门教程-过滤器

（1）过滤器（Filters）提供了一种执行文本转换的方法，比如说都转换成大写字母或者几乎做任何我们想做的事情。

1.7K2 0

vue教程：Vue.js中 watch 的高级用法

这个属性之后立即先去执行handler方法 immediate: true } } 给 firstName 绑定了一个handler方法，之前我们写的 watch 方法其实默认就是这个handler，Vue.js

2K2 0

Vue.js入门教程-组件数据传递

（1）组件是可复用的 Vue 实例，且带有一个名字：在这个例子中是 <button-counter>。我们可以在一个通过 new Vue 创建的 Vue 根实例...

1.2K2 0

Vue.js安装教程安装步骤安装中遇到的问题

安装步骤安装 node.js (网址：https://nodejs.org/en/)。基于 node.js ,利用淘宝 npm 镜像安装相关依赖。在 cmd...

1.5K6 0

Vue.js 系列教程 3：Vue-cli，生命周期钩子

原文：intro-to-vue-3-vue-cli-lifecycle-hooks 译者：nzbin 这是 JavaScript 框架 Vue.js 五篇教程的第三部分。...这个系列教程并不是一个完整的用户手册，而是通过基础知识让你快速了解 Vuejs 以及它的用途。 ?...Vue-cli 和构建过程如果你还没有读过上一部分关于 Vue.js 组件和 props 的内容，我强烈建议你在读这篇文章之前先读读上一部分，另外，部分内容缺乏语境。...我提到 Vue.js 具有虚拟 DOM，但没有说明它的用途。当你使用像 jQuery 的框架工作时，你可能听说过 DOM 并且通过 DOM 更新改变内容。

1.8K5 0

Vue.js 极简教程jsfiddle Hello World 例子：参考资料：

https://unpkg.com/vue@2.5.3/dist/vue.js 来，直接开始：创建一个 .html 文件，然后通过如下方式引入 Vue： <script src="https://unpkg.com...} }) 参考资料： Vue.js 文档：https://cn.vuejs.org/v2/guide/ https://www.w3cplus.com/blog/vue Vue 以数据驱动和组件化的思想构建的...相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。...如果你之前已经习惯了用jQuery操作DOM，学习Vue.js时请先抛开手动操作DOM的思维，因为Vue.js是数据驱动的，你无需手动操作DOM。它通过一些特殊的HTML语法，将DOM和数据绑定起来。...当然了，在使用Vue.js时，你也可以结合其他库一起使用，比如jQuery。

1.8K1 0

Vue.js

Vue.js是对JavaScript进行了封装，语法风格和小程序很像，比如双大括号{{}}都是插值表达式。也许它们有相互借鉴的地方，所以说只要熟悉了一门语言，再学习其他语言就会融会贯通。...Vue的官方文档是https://cn.vuejs.org/v2/guide/ W3c的教程是https://www.w3cschool.cn/vuejs/ 简单的教程就不说了，这里我搭建了一个springboot...charset="UTF-8"> v-fot遍历对象 vue.js...td>{{user.sex}} vue.js...这里遇到两个坑 1.浏览器F12控制台报错：vue warn cannot find element #app 解决方案引用vue.js

7.4K2 0

Vue.js 教程：构建一个特斯拉汽车余电计算器

这篇教程关注的是全新的汽车驾驶体验。电动汽车已经是公认的未来趋势。但很多人都关心的一个问题是，电车充满电后究竟可以跑多远？行驶速度、气温和轮毂尺寸会对续航里程有什么影响？...在本教程中，我们会使用 Vue.js 这个容易理解的 JavaScript 框架制作一个仪表盘，通过它可以计算特斯拉电动汽车在不同情况下的行驶距离。 ?...作为本教程的起点，请克隆这个 Github 存储库： https://github.com/petereijgermans11/workshop-reactjs-vuejs 然后转至 vuejs-app...Vue.js 使用基于 HTML 的模板语法。来自 data()-function 的数据可以通过数据绑定轻松渲染。...在模板中，我们使用 Vue.js 中的 v-for 指令来遍历统计信息。:key（在 v-for 指令中）指示此列表必须以特定顺序渲染。

4K1 0

完全开源的 Vue.js 入门级教程：HelloVue，发车啦！

这个教程可以看做是 HelloDjango 系列的番外篇，通过这个教程熟悉 Vue 的基本概念后，我们将使用前后端分离的方式，开发 Django 博客应用。...这个教程还是 HelloVue 系列教程的开篇，这个系列教程将带你循序渐进地深入 Vue，通过实战的形式学习 Vue 开发的方方面面。...同样，本教程完全免费、开源，每周五更新首发于 HelloGitHub 公众号。 Vue.js 是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。...（截止本文发布时的统计数据）如果没看懂上面说的，看着这句就行：Vue.js 是当前最流行的开源前端框架之一，它上手容易、是前端程序员必备技能，学它准没错。...本教程特色这个教程是完全面向新手的，你可能只了解过一点点的 HTML 知识，花了 10 多分钟看了一点 JavaScript 的基础教程，甚至于你完全不懂什么是 CSS。都没有关系！

7542 0

在 Vue.js 中使用 Ant Design 实现表格开关功能：详细教程

在 Vue.js 中使用 Ant Design 实现表格开关功能：详细教程在现代 Web 应用程序中，用户界面的交互性对于提升用户体验至关重要。...在这篇博客中，我们将详细探讨如何在 Vue.js 项目中使用 Ant Design Vue 实现表格中的开关功能，并在用户切换开关时与后台 API 进行交互来更新状态。...在本文中，我们将使用以下技术栈： Vue.js：一个流行的前端框架，用于构建用户界面。...Ant Design Vue：基于 Ant Design 的 Vue 实现，为 Vue.js 提供了一套丰富的 UI 组件。 Axios：一个用于发送 HTTP 请求的库，用来与后台 API 交互。...五、总结在这篇博客中，我们详细介绍了如何在 Vue.js 项目中使用 Ant Design Vue 实现表格中的开关功能。

2691 0

Vue.js 2 vs Vue.js 3的实现

vue.js核心团队已经讨论过将在Vue3实现的变化，然而API将不会一直改变，生效机理会有所不同。这意味着什么呢，同时它对你意味着什么呢？...---- Vue 2 实现 Vue.js是通过getters和setters来定义对象生效。定义属性和方法。让我们仔细来看下Vue的版本正在发生什么。

7.1K1 0

Vue.js 起步

text/javascript"> var vm = new Vue({ el: '#vue_det', data: { site: "菜鸟教程...Alexa : {{alexa}} // 我们的数据对象 var data = { site: "菜鸟教程...Alexa : {{alexa}} // 我们的数据对象 var data = { site: "菜鸟教程

4.8K2 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭