首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

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

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

1.6K10

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 指令中)指示此列表必须以特定顺序渲染。

3.3K10

完全开源的 Vue.js 入门级教程:HelloVue,发车啦!

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

57320

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券