Vue实例

Vue2 实战:模仿卖座电影

一个使用 Vue2 全家桶高仿卖座电影网的项目

JavaScript 日记 - 一个例子学会 Vue.js

大家都知道 Vue.js 是中国人创造出来的,简单易用,所以必须要支持一下。

[[vue 最新实战] gank 客户端(vue2 + vue-router2 + vuex +webpace + es6)新手福利,干货多多](https://juejin.im/entry/58799...

本项目是基于 vue2 最新实战项目,是适合新手进阶的绝佳教程。代码简单易懂,注释多多。实现了移动端使用最多的 无限滚动,图片加载,左右滑动,等待。先发布预览版本,后面更多更全的功能和教程将会陆续发出。

[[!!! 原版课程在此]Vue.js 高仿饿了么外卖 App 课程源码](https://juejin.im/entry/586d1...

由 DDFE 的黄轶带来的原创课程在慕课网关注颇高,使用 Vue.js+es6+webpack 等前端最新最热的技术,采用组件化、模块化的开发方式,让你用更少的代码做更快速的开发,我们把源码分享出来供大家阅读。欢迎收藏,谢绝转载!!!

基于 vue2 与后台真实交互的 管理系统

所有的数据都是从服务器实时获取的真实数据,具有真实的注册、登陆、管理数据、权限验证等功能。

Vue.js 全家桶高还原网易云音乐 (Windows PC 版)

Vue.js VueRouter Vuex 实战 还原一个简易版的网易云

基于 vue 开发的移动端 H5 积分商城项目

基于 vue@1.0 开发的移动端 H5 积分商城项目
vue
vue-ruoter
vue-resource
webpack

用 vue2 和 webpack 快速建构 NW.js 项目

使用到的技能点 vue2 webpack NW.js Node.js 一、前言 先讲一下这个项目的由来。我司要新上一个产品,是面向教育领域的一个东西,要求快速开发又必须要兼容 XP ,所以就选 NW.js 来做桌面客户端。同时,前端的轮子方面,开始尝试在面向用户的业务上应用 v…

Vue2.0 实战图文视频教程 - 快餐店收银系统

本教程是图文和视频相结合的,共 12 集全部免费观看。讲解了利用 Vue2 全家桶从画草图开始制作快餐店收银系统到打包上线的过程。文章共 1.6 万字,12 集视频。技术栈 Vue2+Element+Axios+vue-router+iconFont。希望通过本文让小伙伴们快速掌握 Vue 的实际开发能力。

Vue.js v2.0 迁移指南 (我的 Blog 项目)

Vue.js 2.0 发布已经有两个月时间,也是时候把我的 Vue Blog 更新到 2.0 版本啦。用了近一个星期工作日晚上的时间重新设计 Blog 风格,结构并没有改,用我以前做室内设计的话说就是只换装饰不换装修。周末花了近一天的时间大概看了一遍 2.0 的教程,然后就开始动工。

Vue2.0 实现简易豆瓣电影 webApp

vue+vue-router 的入门实践项目,通过调用豆瓣电影的 api 获取数据

VueX 填坑指南

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。

我写了一个叫 vue-manager 的管理后台

这是我在学完Vue后写的个人项目(也是我的第二个 个人项目), 在此分享给大家学习使用。
这是一个以Vue2.0为框架,结合 iView 和 ECharts 的后台组件, 可以说是在 iView 基础上的进一步组件化。
默认的主题沿用vue的官方主题绿, logo的设计也是用 vue的官方logo 简单变形得到 M 的形状。
希望可以帮助使用者快速搭建基于Vue2.0的管理后台。

基于Vue 2.0高仿 今日头条 单页应用——vue-toutiao

vue-toutiao 这是用 vue.js 2.0 高仿 今日头条 的移动端项目,结合了原生app的部分功能以及网页版。 前言 本人是 今日头条 的重度用户,在学习vue.js过程中,在GitHub上看到了很多高仿webapp的好项目。由此在有了一定的技术积累后,开始构思使用…

基于 Vue2.0 高仿微信 App

一款基于 Vue2.0 高仿微信 App 的单页应用,努力做到以假乱真的效果。源码中有详细的注释,为新手提供许多有用的提示信息。

vue 全家桶实战网易严选

对组件的抽离,书写可复用的组件。
pages 管理页面组件
vuex 状态分模块管理
util 工具的分离
axios 的封装

基于 vue2.0+axios+vue-router 的斗鱼项目

调用斗鱼的 API 编写的

Vue.js 写一个音乐播放器

Vue.js 写了一个音乐播放器,四种精选皮肤,四种心境。加入本地存储,保留用户皮肤设置以及用户歌单,支持用户添加歌曲,打造一个专属自己的在线音乐播放器?

《京东E维》基于VUE+Webpack的单页面实践

本篇文章和大家聊一聊我们近期的项目——京东E维平台,这是一个专门为运维工程师设计的工单处理系统。它所要肩负的任务是,针对公司内部所有员工在办公时遇到的有关计算机、网络、软件方面等问题,通过E维平台发起问题上报请求。工程师通过该系统可以根据上报工单的紧急程度进行抢单、解决事件单、…

JSPangAdmin Vue2.0 后台开源系统

一个建立在 Vue2.0 框架基础上的后台管理系统,它包含了后台所用的前端样式和常用组件。它可以快速的帮你搭建基于 Vue 的后台管理系统。

Web 手 Q - Vue 全家桶 + Socket.io + Express / Koa2

Vue全家桶+Socket.io+Express/Koa2打造的网页版手机QQ(web app),高仿手机QQ7.1.0版本。为了方便大家学习,现在IP定位接口和实时气温接口也开放了!接口请在源码中查看。
源码地址:https://github.com/lensh/vue-qq

终于来了!结合 Laravel 5.3 + vue 2.1 组件化开发的博客系统

PJ Blog 是一个开源的博客系统,结合了 Laravel 5.3 和 vue 2.1 组件化开发。后台 SPA 带来更好的操作体验。

由于工作原因,开发断断续续,花费了不少时间去处理各种问题,这是第一个完整的开源项目。

欢迎?各位 issues、stars,我不会断改进,大家互相学习。

基于Vue2.0的Web App

历时半个多月的敲代码过程,终于完成了这款仿lofter的项目,通过这个项目熟悉了对Vue2.0的使用,在项目中使用vuex的状态管理模块,统一的状态的管理,让我们更好的去对数据操作,对axios的跨域问题有了更深了解。遇到问题时一定要去阅读文档,可以发现使用时遗漏或者没有注意的…

Vue2.0开发仿豆瓣电影WebApp

更接近豆瓣原版的webapp,本项目在论坛上也看到其他人做过,但有的功能不完善有的实现效果的体验感并不好,所以自己照着理想的效果做了一版

如何更有效率和质量地开发Vue项目

自总结完了上篇前端工程化的思想,并在vue全家桶的项目加以实践,趁热给大家总结一篇如何更有效率与质量地开发vue项目,以及其中踩过的一个个坑。。。

Vue 全家桶 + Electron 开发的一个跨三端的应用

项目地址在这里:https://github.com/halfrost/v... 利用 Vue.js 实现 objc中国 的跨平台全栈应用 [x] ✅桌面应用,支持 Mac、Linux、Windows 三个平台 [x] ✅Web 应用,支持 桌面浏览器 和 手机浏览…

分享一个基于 Node 的名片设计网站

我现在本职工作是 UI 设计,但是在工作中也喜欢了解和学习前端技术,这是小网站是我去年开始学习 Node 之后开发的个人项目。这个项目边学边做,断断续续也有半年时间吧,期间不断增加新功能,优化用户体验。现在因为想构想新项目,不打算继续更新,所以分享给感兴趣的朋友,大家互相学习。

vue2.0 一起在懵逼的海洋里越陷越深(一)

vue2.0 实践教程

vue2+element 管理后台 集成解决方案 没有没做的,只要想不到的

vue2+element 管理后台 集成解决方案 没有没做的,只要想不到的

Vue 的 2016 年总结(中文版)

Vue 作者尤雨溪对 Vue 在 2016 年的总结以及未来的展望。

用 vue 从零开始写一个项目

1 练手项目,比较简单、但是是一个完整的项目架子,有兴趣的可以自己拉下来看看改改。
2 这段时间比较忙,天气预报页面做的特别粗糙、代码也写的有些乱,暂时搞一个段落。
3 这个项目是我作为新手的学习项目,实现了省市区选择、添加加载、不同天气信息切换、基本上正式项目中用到的模块都有涉及。适合想学 vue 的朋友入门学习资料。
4 技术栈 Vue+VueRouter+webpack+Less+VueResource+VueTouch。

《京保养》基于Vue+Vuex的单页面应用实践

接到《京保养》项目需求,了解到是移动端项目,运用于微信公众号及京东 APP 。通过与后端研发沟通,后端将提供所有的数据展示接口,这样最终商定使用前后端分离技术,而作为前端这边就非常适合选择基于 webpack + Vue 的单页面应用来实现。
前期组内也有基于单页面应用的项目总…

基于 webpack2 express 简洁易用的 Vue 服务端渲染 SSR 项目模板

从线上项目抽取出来的模板,clone 下来直接用 配置完整 开发快

前端 vue2 + 后端 koa2, 全栈式开发 bilibili 首页

预览地址: http://www.lybenson.com/bilib...

Vuejs webp 图片支持,插件开发过程~

vue.js 自定义指令开发过程

基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用

vuejs 目前为止最大的开源单页面项目

简单粗暴,一晚上用 node、Vue 写个联机五子棋

帮学弟做个面试题,用 Node.js Vue.js 简单粗暴写的五子棋 (没有 AI)

Vue2+iView2 后台管理系统解决方案

不支持手机访问;3.17已解决访问过慢的问题

Vue.js 快速入门

作者:殷晓飞(沪江 Web 前端开发工程师)

Vue.js 框架已经火了好长一段时间了,早在 2015 年的双 11 中,淘宝的部分导购业务——如:双十一晚会摇一摇清单、我的双十一标签进入的人群会场寻找与自身匹配的商品。今年以来,vue 的文档更新很快完善、社区也日渐状大,再加上于某厂(你懂的)大力的推广,vue 的前景十分光明。本文目的:通过这篇文章了解一些 vue 的基本概念以及如何在实际编码中使用 vue,文末有 demo 的仓库地址,大家可以 clone 后,本地查看、运行一下。

vue-login 通过一个小项目带你走进 vue 全栈开发

通过一个基于 vue 的登录/注册程序,来让大家了解 vue 的前后台交互方式,如果觉得有所帮助,麻烦点个 star = = ,具体文档请看博客(地址项目里有)

史上最详细VUE2.0全套demo讲解 基础1(模板语法)

作者 : 混元霹雳手 ziksang 一开始在vue1.0的时候我就开始关注掘金的vue专栏,但是一直给我一种感受,真正能静下心来给读者写好每一个细讲,每一个讲解点,我觉得是最重要的,虽然我没有什么能力给大家带来像iview,mint ui等一系列大牛的基础vue带来的ui框架…

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue实例Vue应用的基本单位,它是Vue的核心概念之一。学习Vue实例需要掌握以下几个方面: 1. 创建Vue实例:在Vue应用中,我们需要先创建Vue实例。可以使用Vue构造函数来创建一个新的Vue实例,如下所示: ``` var vm = new Vue({ // 选项 }) ``` 在创建Vue实例时,需要传入一个选项对象。选项对象包括data、methods、computed、watch、el、template等属性,这些属性用于定义Vue实例的行为。 2. 数据绑定:Vue实例中的数据可以通过数据绑定的方式渲染到页面上。数据绑定可以使用双向数据绑定或单向数据绑定,如下所示: ``` <div>{{ message }}</div> ``` 在Vue实例中,我们可以使用data属性来定义数据,如下所示: ``` var vm = new Vue({ data: { message: 'Hello Vue!' } }) ``` 在模板中,可以使用 {{ }} 或 v-bind 指令将数据绑定到DOM元素中。 3. 实例方法和生命周期钩子:Vue实例提供了一些实例方法和生命周期钩子函数,用于处理Vue实例的行为。常用的实例方法包括 $watch、$set、$delete、$emit等,常用的生命周期钩子函数包括 created、mounted、updated、destroyed等。 4. 计算属性和侦听器:Vue提供了计算属性和侦听器来处理数据的变化。计算属性是基于已有数据计算出新数据的方式,而侦听器则可以监听数据的变化并执行相应的操作。如下所示: ``` var vm = new Vue({ data: { firstName: 'John', lastName: 'Doe' }, computed: { fullName: function () { return this.firstName + ' ' + this.lastName } }, watch: { firstName: function (val) { console.log('First name changed to: ' + val) } } }) ``` 在上述代码中,computed属性用于定义计算属性,watch属性用于定义侦听器。 5. 实例销毁:在Vue应用中,需要注意实例的销毁。当Vue实例不再需要时,需要手动调用 $destroy 方法来销毁实例,以便释放内存等资源。如下所示: ``` vm.$destroy() ``` 掌握了以上Vue实例的基本知识,您就可以开始创建Vue应用了。同时,建议您多阅读Vue官方文档和社区博客,以便更好地理解Vue实例的用法和使用方法。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值