vue入门

Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构

https://blog.csdn.net/FungLeo/article/details/531710522016年，我写了一系列的VUE入门教程，当时写这一系列博文的时候，我也只是一个菜鸟，甚至在写的过程中关闭了代码审查
daily886·2018-08-03 16:16

Vue入门与进阶

1.Vue概述1.1Vue介绍Vue是一套用于构建用户界面的渐进式框架。1.2Vue核心思想双向数据绑定Vue双向数据绑定利用了Object对象的set()和get()方法，原理如下:constobj={}Object.defineProperty(obj,'text',{get:function(val){console.log('getinit');},set:function(val){co
nimw·2018-07-24 22:54

Vue入门-1购物车

此项目并非原创，仅记录一下，适合刚入门的小伙伴Cart-Demo项目截图.简单介绍几个主要的文件components:项目页面构成的文件-store.js:项目主要使用的js处理文件-router/index.js:项目页面跳转配置路由-App.vue:总组件,默认页面-main.js:入口文件详细介绍每个文件的内容Index.vue描述:价格:￥外观:存储容量:加入购物车exportdefaul
Jason_ss·2018-07-17 10:37

Vue基础-Vue入门

一、Vue入门基础知识1、Vue使用的基本操作i.先下载，引入vue.jsii.Vue，实例化一个vue实例化对象（newVue({})）1.新建一个vue实例化对象（Vue是一个构造函数）2.执行vue
-安小喵·2018-06-28 09:22

Vue基础-Vue入门

一、Vue入门基础知识1、Vue使用的基本操作i.先下载，引入vue.jsii.Vue，实例化一个vue实例化对象（newVue({})）1.新建一个vue实例化对象（Vue是一个构造函数）2.执行vue
-安小喵·2018-06-28 09:22

2018-05-02 Vue入门

1.安装2.介绍1.声明式渲染v-bind、简写:（一个冒号）{{message}}鼠标悬停几秒钟查看此处动态绑定的提示信息！varapp=newVue({el:'#app',data:{message:'HelloVue!'}})这样{{message}}就被替换成HelloVue!2.条件与循环v-ifv-for现在你看到我了{{todo.text}}//页面会显示三个livarapp2=ne
彭奕泽·2018-06-06 19:00

使用Vue-cli 3.0搭建Vue项目

-31更新]：vue-cli3.0正式版的中文文档已经出来了，详细的可以参考：https://cli.vuejs.org/zh/guide/关于Vue的其他基础知识，可以看我的文章（持续更新中）：1.Vue
WHU_凌晨_Bin·2018-05-31 18:47

vue入门第4天：vue实现全选反选

父组件给5个子组件传值，同时子组件和父组件的相关值对应改变。参考checkbox单选和全选。知识点：1、子组件给父组件回传id2、子组件监听父组件值的改变3、父组件尽量不要给子组件传递对象和数组代码如下，父组件：app.vue：全选importonetestfrom'../../../components/testOne'exportdefault{name:"test",data(){retur
零度空间0520·2018-05-28 16:36

Vue入门（一）-Vue实现选项卡效果

地址：https://blog.csdn.net/qq_16371909/article/details/77511411转载于:https://www.cnblogs.com/bydzhangxiaowei/p/9090579.html
weixin_30872789·2018-05-25 20:00

vue中v-show和v-if在显示和隐藏元素上的区别

来源https://www.imooc.com/video/16980v-show将元素隐藏是在dom节点上加style=’display:none’v-if是直接将元素完全去掉Vue入门helloworldtogglenewVue
_Slience_·2018-05-16 10:11

vue入门第2天

今天主要是3个知识点一、CSS作用域写法1、正常的CSSscope:在当前的作用域有效2、SCSSmodule:在当前的作用域有效3、安装sass和CSS加载器（不要直接npminstallsass）cnpminstallsass-loadernode-sass-Dcnpminstallcss-loaderstyle-loader-D二、安装px2rem:1、在utils当中配置constpx2r
零度空间0520·2018-04-26 19:57

vue入门第1天

https://cn.vuejs.org/v2/guide/官网学习文档第一页看到这么一句：message:'HelloVue.js!'this.message=this.message.split('').reverse().join('')所以来回顾一下JS基础知识。一、split()方法用于把一个字符串分割成字符串数组。"hello".split("")//可返回["h","e","l","
零度空间0520·2018-04-23 22:38

前端 Java Python等资源合集大放送

学习起来非常简单，以下教程可以很快的实现从vue入门到实
huangjinjin520·2018-04-21 22:00

前端 Java Python等资源合集大放送

学习起来非常简单，以下教程可以很快的实现从vue入门到实
huangjinjin520·2018-04-21 22:00

前端 Java Python等资源合集大放送

学习起来非常简单，以下教程可以很快的实现从vue入门到实
huangjinjin520·2018-04-21 22:00

vue入门环境安装

一、下载安装最新nodejsnodejs官网：https://nodejs.org/en/下载后安装选择addtopath（自动添加环境变量）如果安装成功后输入node-v会输出版本号二、配置nodejs安装成功后设置全局文件夹和缓存文件夹便于管理1、在nodejs安装目录下新建node_cache文件夹和node_global两个文件夹2、设置缓存文件夹设置成功后npmi依赖包名称-g就会在no
alex_fung·2018-04-19 17:24

Vue入门

1:什么是mvvm？MVVM是Model-View-ViewModel的缩写。mvvm是一种设计思想。Model层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View代表UI组件，它负责将数据模型转化成UI展现出来，ViewModel是一个同步View和Model的对象。在MVVM架构下，View和Model之间并没有直接的联系，而是通过ViewModel进行交互，Model和
joker731·2018-04-12 09:46

Vue入门之animate过渡动画效果

简介：transition方法的使用transition内置方法transition-groupanimate库实现过渡动画Document[v-cloak]{display:none;}p{width:100px;height:100px;background:red;margin:10pxauto;}/*.fade-enter-active,.fade-leave-active{transit
锐小6·2018-04-08 14:45

使用Vue开发微信小程序：mpvue框架

【最近更新】mpvue入门系列教程：如何在mpvue中正确的引用小程序的原生自定义组件使用mpvue开发小程序教程（六）使用mpvue开发小程序教程（五）使用mpvue开发小程序教程（四）使用mpvue
一斤代码·2018-03-09 19:31

VUE前端框架

Vue入门实战项目——知乎日报这是一个基于Vue全家桶开发的知乎日报WebApp，页面样式主要参考iOS版知乎日报APPVue超大数据列表解决方案vue-recyclerview开源Vue超大数据列表解决方案
Msro·2018-01-09 00:29

Vue入门之数据绑定(小结)

1.什么是双向绑定？Vue框架很核心的功能就是双向的数据绑定。双向是指：HTML标签数据绑定到Vue对象，另外反方向数据也是绑定的。通俗点说就是，Vue对象的改变会直接影响到HTML的标签的变化，而且标签的变化也会反过来影响Vue对象的属性的变化。这样以来，就彻底变革了之前Dom的开发方式，之前Dom驱动的开发方式尤其是以jQuery为主的开发时代，都是dom变化后，触发js事件，然后在事件中通过
HcySunYang·2018-01-08 08:09

小试牛刀之vue入门小例子-----购物车

阅读更多话说vue出来之后好像很火的样子,减少了代码量,直接操作数据,还不操纵很繁重的DOM,写完直接打包扔给后台,你想怎么办就怎么办吧!总之来说就是现阶段很火的技术.程度你懂得vue是什么呢?vue是现在很火的一个前端MVVM框架，它以数据驱动和组件化的思想构建，与angular和react并称前端三大框架。相比angular和react，vue更加轻巧、高性能、也很容易上手。这些都是官方的说法
行走的胖胖·2017-12-19 17:00

小试牛刀之vue入门小例子-----购物车

阅读更多话说vue出来之后好像很火的样子,减少了代码量,直接操作数据,还不操纵很繁重的DOM,写完直接打包扔给后台,你想怎么办就怎么办吧!总之来说就是现阶段很火的技术.程度你懂得vue是什么呢?vue是现在很火的一个前端MVVM框架，它以数据驱动和组件化的思想构建，与angular和react并称前端三大框架。相比angular和react，vue更加轻巧、高性能、也很容易上手。这些都是官方的说法
行走的胖胖·2017-12-19 17:00

laravel vue tabs选项卡 axios mysql

参考：一:可能是最好的Vue入门教程（7）VueAjax的简单使用一:使用vue.js写一个tab选项卡image编辑视图文件，引入相关库:demovueaxios.blade.phpTitle.active
幼稚园靓仔·2017-11-27 09:44

09Vue.js快速入门-Vue入门之Vuex实战

9.1.引言Vue组件化做的确实非常彻底，它独有的vue单文件组件也是做的非常有特色。组件化的同时带来的是：组件之间的数据共享和通信的难题。尤其Vue组件设计的就是，父组件通过子组件的prop进行传递数据，而且数据传递是单向的。也就是说：父组件可以把数据传递给子组件，但是反之则不同。如下图所示：vue父子传递9.2.单向数据流动单方向的数据流动带来了非常简洁和清晰的数据流，纯展示性或者独立性较强的
IT老马·2017-11-24 03:56

vue入门

MVVM的介绍vue的设计思想是基于MVVM实现的，那么什么是MVVM呢？简单介绍：组成MVVM===>M/V/VMM：model数据模型V：view视图VM：ViewModel优势MVC模式，将应用程序划分为三大部分，实现了职责分离MVVM通过数据双向绑定让数据自动地双向同步V（修改数据）->MM（修改数据）->VVue中的MVVM虽然没有完全遵循MVVM模型，Vue的设计无疑受到了它的启发。因
想做一个画家·2017-10-26 18:08

Vue入门学习（一）

一、简介Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。它专注于MVVM模型的ViewModel层，通过双向数据绑定把View层和Model层链接起来。二、Vue常用的插件1.vue-cli（vue官方命令行工具）快速构建vue的脚手架工具，用于快速搭建大型单页应用。
耀樱·2017-10-25 09:44

新手视角vue入门学习总结

从上周三到这周五，我用了9天入门vue，做了一个todolist，这速度着实不算快，但是对于一个编程新手来说却也是步步艰辛，不断碰到新名词然后去查阅去学习，不知不觉又把技能树点亮不少。9天以前我还只有不足三个月的编程学习经验，对于ES6并无了解且没有框架经验，只会跟着教程写一些基本组件。这几天按照公司的技术栈去一个个探索，终于写出了一个demo。这个demo的技术栈是vue+vue-router+
madpluto·2017-09-17 16:08

Vue入门学习-使用服务器传来的JSON数据交给Vue渲染HTML页面

这个Vue搞得挺不错,简单粗暴还有效,上手也不难,记录一下今天的学习,首先描述一下效果:使用PHP从数据库中查询读出来一个表的数据,并以JSON格式提供访问HTML页面中使用JQuery的$.getJSON()方法加载JSON数据JSON数据加载完毕后实例化Vue对象并将数据渲染到HTML页面中PHP读数据库返回JSON的过程就不细说了,直接来看HTML代码吧JSON取数测试idnametypel
香香爹·2017-09-07 23:05

vue入门 | 使用vue.js2.0 + ElementUI开发后台管理系统详细教程（二）

96458阅读58645评论113喜欢127接上一章vue入门|使用vue.js2.0+ElementUI开发后台管理系统详细教程（一）在线demo源码1.引入路由工具vue-router，切换视图#安装
LabRaDor2079·2017-09-05 10:08

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（一）基础知识概述

Vue2+VueRouter2+Webpack+Axios构建项目实战2017重制版（一）基础知识概述前言2016年，我写了一系列的VUE入门教程，当时写这一系列博文的时候，我也只是一个菜鸟，甚至在写的过程中关闭了代码审查
FungLeo·2017-08-25 15:04

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（一）基础知识概述

Vue2+VueRouter2+Webpack+Axios构建项目实战2017重制版（一）基础知识概述前言2016年，我写了一系列的VUE入门教程，当时写这一系列博文的时候，我也只是一个菜鸟，甚至在写的过程中关闭了代码审查
FungLeo·2017-08-25 15:04

Vue入门（一）-Vue实现选项卡效果

鉴于代码有些年代，且当时实现方式很不好，遭到了众多喷子的人身攻击，此文章终结，不必浪费大家时间了。我的网站地址是iscoser.com,欢迎各位来访！------------------------------------------------------此文终结----------------------------------------------------这里不跟大家再去把Vue文档上
_夏尔·2017-08-23 20:15

vue快速入门的三个小实例

但是关于vue入门基础的文章，我还没有写过，那么今天就写vue入门的三个小实例，这三个小实例是我刚接触vue的时候的练手作品，难度从很简单到简单，都是入门级的
守候你·2017-08-23 08:00

vue快速入门的三个小实例

但是关于vue入门基础的文章，我还没有写过，那么今天就写vue入门的三个小实例，这三个小实例是我刚接触vue的时候的练手作品，难度从很简单到简单，都是入门级的
守候·2017-08-23 00:00

Vue入门（七）——Vue路由详解

对于前端开发者来说，其实浏览器配合超链接的方式就可以很好的实现路由功能。但是，随着技术的不断进步，尤其是单页应用的普及，浏览器和超链接的跳转方式已经不能满足前端开发者的需求了。也正是基于此，各大框架纷纷给出了单页应用解决路由跳转的方案，Vue也是如此。Vue框架的兼容性非常好，可以很好的和其他第三方的路由框架进行结合。当然，官方也给出了路由方案：Vue-router。所以，建议大家还是用官方给出的
小李本人·2017-08-09 21:09

手摸手教你搭建vue-cli脚手架-详细步骤图文解析[vue入门]

写在前面：使用vue-cli可以快速创建vue项目，vue-cli很好用，但是在最初搭建环境安装vue-cli及相关内容的时候，对一些人来说是很头疼的一件事情，本人在搭建vue-cli的项目环境的时候也是踩了相当多的坑，特此写了一篇搭建环境的教程，每一步尽量详细解析。需要的朋友可以过来参考下，喜欢的可以点波赞，或者关注一下本人，希望可以帮到大家。vue-cli脚手架的优势：有一套成熟的vue项目架
OBKoro1·2017-08-05 20:52

Vue入门（六）——组件化开发

组件，其实就是一个拥有HTML结构、CSS样式、JS逻辑以及动画的综合块。前端组件化也确实让很多大的前端团队更加高效地开发前端项目。而作为目前前端比较流行的框架之一，Vue的组件化也做的非常彻底，尤其是具备特色的单文件组件的开发方式更是为开发者提供了便利。不仅如此，关于Vue的第三方工具支持也非常丰富，社区非常活跃，因此，关于Vue的第三方组件也呈井喷之势。一、全局扩展方法——Vue.extend
小李本人·2017-08-03 14:11

Vue入门（五）——Vue实例详解与生命周期

vue.pngVue的实例是Vue框架的入口，其实也就是前端的ViewModel，它包含了页面的业务逻辑、数据模型等。当然它也有自己一系列的生命周期的事件钩子，辅助我们对整个Vue实例生成、编译、挂载、销毁等过程进行JS控制。一、Vue实例初始化的选项配置对象前面的几篇文章里，我们已经用了很多次newVue({})的代码，而且Vue初始化的选项也用了'el'、'data'、'methods'、‘c
小李本人·2017-08-02 23:03

Vue入门（四）——事件处理

vue.png一、监听事件的Vue处理虽然我们可以直接使用原声DOM的方式去绑定事件，但是Vue为我们提供的、为标签绑定事件的方法更为方便。不仅如此，用Vue提供的指令还可以让ViewModel更加简洁，逻辑更彻底。Vue提供了v-on指令帮助我们进行事件的绑定。基本的内联事件处理方法，见下面官方的demo:增加1这个按钮被点击了{{counter}}次。varexample1=newVue({e
小李本人·2017-07-28 14:15

Vue入门（三）——条件渲染与列表渲染

vue.png一、条件渲染有时候，我们要根据数据的情况，决定标签是否进行显示，或者是否有其他动作。最常见的就是在表格渲染的时候，如果表格没有数据，就显示无数据；如果有数据，就显示表格数据。为了让我们更方便地完成判断，Vue帮我们提供了一个v-if指令。举个例子：YesNovarapp=newVue({el:'#app',data:{ok:true//true=>Yes，false=>No}});除
小李本人·2017-07-27 10:01

vue入门大法1

首先先说说为啥现在主流框架如此之多的今天我选择vue？1.HTML能解决的事情不要麻烦js这就是我干掉react的原因2.语法简单，一句话能说清楚的不要复杂的声明一大堆，这是干掉angular的原因，东西太多记不住！！！3.为什么不选择其他，因为资源太少，开发遇到坑，真的就是坑，需要自己踩过，之前踩过areTeamlert(没记住也不想查了，但是总而言之，感受很差！！！）4.小程序也用了这部分思想
AruKing·2017-07-04 10:16

vue成长之路+实战+Vue2+VueRouter2+webpack（一）vue-router路由入门

推荐我的vue教程：VUE系列教程目录前言通过前面我写的VUE入门博客，相信已经大概了解VUE是何物，但是对于细节性的问题我们还是有些忽略，有很多网友希望我能继续写相关博客，但是由于工作繁忙原因一直无空去写
言墨儿·2017-05-18 12:45

Vue2+VueRouter2+webpack+Axios 构建项目实战（七）重构API文件为使用axios

Vue2+VueRouter2+webpack+Axios构建项目实战（七）重构API文件为使用axios2017年8月补充2016年，我写了一系列的VUE入门教程，当时写这一系列博文的时候，我也只是一个菜鸟
FungLeo·2017-05-10 17:15

Vue入门系列（四）Vue模板和指令

Vue模板和Angular模板相似，拥有指令和组件标签。在渲染层上，Vue2.0引入虚拟DOM。Vue编译器会把模板编译成一个渲染函数（类似React），函数被调用的时候会返回一个虚拟DOM树，其描述了当前页面所处的状态。当发生数据改变时，模板更新重新编译生成一个新的虚拟DOM树，将新树和旧树对比，找到不同点，再最终修改真实的DOM节点。1.模板下面是一个简单的Vue模板例子：{{todo.tit
娜姐聊前端·2017-05-03 20:37

Vue入门系列（三）Vue实例的生命周期

Vue实例生命周期钩子函数与React非常相似，最明显的区别在于，它多了一个实例创建阶段。Vue实例和Vue组件有着同样的生命周期函数。参考官网图：vuelifecycle.png下面介绍Vue生命周期的每个阶段都做了些什么？beforeCreate:创建了Vue组件实例，但是组件属性还未初始化。比如，data,elt等为undefined。created:初始化数据对象和事件，例如：可以访问属性
娜姐聊前端·2017-05-03 16:01

vue入门新建vue项目

首先要安装好node.js，然后才可以用vue。设置淘宝镜像：大家都知道国内直接使用npm的官方镜像是非常慢的，这里推荐使用淘宝NPM镜像。npminstall-gcnpm--registry=https://registry.npm.taobao.org这样就可以使用cnpm命令来安装模块了：cnpminstall[name]安装webpackcnpminstallwebpack-g安装vue脚
BruceYang_it9527·2017-04-14 09:54

Vue入门之组件化开发

Vue入门之组件化开发http://www.jianshu.com/p/6718ab1caa81组件其实就是一个拥有样式、动画、js逻辑、HTML结构的综合块。
Lucky_LXG·2017-04-01 14:19

Vue入门初体验

Vue可以说是现在最火的MVVM前端UI框架了吧，整体性能优于React，比Angular也更轻量，具体可参考官网对比其他框架官方文档:https://cn.vuejs.org/v2/api/HelloWorld首先我们开始从学每门语言的helloworld入门Vue吧html代码，同angular一样，采用双大括号的形式实现数据绑定:{{message}}js代码，通过el获取到html的节点，
luckyw·2017-03-30 00:00

Vue入门——Vue的核心

代码部分请下载本文代码阅读，代码均能正常运行并有详细的注释。本文代码下载地址概述无需置疑，Vue之所以能如此之火，主要受益于它是一个MVVM框架和它易学的文档，几乎所有觉得学习Vue有难度的开发者都是觉得组件脚手架等等不太好理解，但是这些都不是Vue的核心，Vue的核心表现在最易学的Vue指令和绑定，学好Vue指令和绑定基本就学好Vue的一大半了，把基础核心的几个知识点说完会做几个完整的demo。
hk·2017-03-27 00:00
上一页 11 12 13 14 15 16 17 18 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他