vue教程

和尤雨溪一起进阶vue

上图，无图无真相花了400大洋买了frontedmasters的一个月的会员，就是为了看男神的这份vue教程，没有中文字幕，痛苦地坚持啃完了，建议有钱并且英语好的人直接买会员去官网看视频，尤大神人长得帅
可乐程序员·2019-09-23 16:55

[软工]学习计划

技术分工前端js+es6vuenodejs后端js+es6nodejsExpress/koajs/eggjs链接朋友的js教程阮一峰的js教程阮一峰的es教程vue教程Express教程
纪华裕·2019-09-06 14:00

Vue教程(methods,watch及computed的区别)

  本文我们通过案例来介绍下watch和computed的使用，案例效果如下：  如上，该案例就是实现一个简单的名称拼接处理。实现的方式也比较多，本文我们会分别采用三种方式来实现。一、案例实现基础页面:Document+=varvm=newVue({el:"#app",data:{},methods:{}})1.普通DOM操作实现  看到上面的效果，相信大家通过普通的dom对象操作都能够实现这个效
波波烤鸭·2019-08-07 21:26

Vue教程(路由Router-传值)

  本文我们来介绍下在Vue中路由的传参问题Vue路由传参  首先我们来准备一个基本路由的页面，如下:Document登录注册//创建两个子组件模板对象varlogin={template:"登录模块"}varregister={template:"注册模块"}//创建一个路由对象，当导入vue-router包之后，在window全局对象中，//就有了一个路由的构造函数叫做VueRoutervar
波波烤鸭·2019-08-05 20:18

Vue教程(路由router-基本使用)

  本文开始我们来给大家介绍在Vue中非常重要的一个内容，就是路由Router什么是路由后端路由：对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源；前端路由：对于单页面应用程序来说，主要通过URL中的hash(#号)来实现不同页面之间的切换，同时，hash有一个特点：HTTP请求中不会包含hash相关的内容；所以，单页面程序中的页面跳转主要用hash实现；在单页
波波烤鸭·2019-08-03 17:40

Vue教程(ref和$refs的使用)

  在Vue中一般很少会用到直接操作DOM，但不可避免有时候需要用到，这时我们可以通过ref和$refs这两个来实现，本文我们就来详细的介绍下这个内容ref  ref被用来给元素或子组件注册引用信息，引用信息将会注册在父组件的$refs对象上，如果是在普通的DOM元素上使用，引用指向的就是DOM元素，如果是在子组件上，引用就指向组件的实例。$refs  $refs是一个对象，持有已注册过ref的所
波波烤鸭·2019-08-02 17:08

Vue教程(组件案例-评论列表)

  前面给大家介绍了Vue的组件功能，本文我们通过一个评论列表的案例来巩固下组件的内容，具体效果如下:Vue组件案例1.基本页面  我们先来整理下基础的页面如下:Documentvarvm=newVue({el:"#app",data:{},methods:{}})2.列表效果  在基础页面的基础上我们来添加底部的评论列表，用bootstrap来实现。如下Document{{item.name}}
波波烤鸭·2019-07-30 19:35

vue安装

安装VUE教程这段时间公司要准备开始用VUE，安装的过程中就遇到各种奇葩问题1.Node.js安装https://nodejs.org/en/download/安装好noedeJS然后继续安装下一步3、
Gk°¯·2019-07-24 15:00

Vue教程(组件-data和methods)

  在上篇文章的基础上我们继续来介绍下Vue组件中的data和methods属性，这两个属性和我们介绍的Vue实例中data和methods属性很类似，使用方式也是一样的Vue的data和methods属性  先准备一个基础页面，在其中创建了一个自定义的组件，具体页面如下:Document自定义的Vue组件Vue.component("mycom",{template:"#com1"})varvm
波波烤鸭·2019-07-24 15:40

Vue教程(组件-创建方式)

  本文我们开始来介绍下Vue中的组件，组件是可复用的Vue实例，且带有一个名字。Vue组件  基础页面如下Documentvarvm=newVue({el:"#app",data:{},methods:{}})1.通过extend方式  我们先通过最原始的方式来实现看看，首先通过Vue.extends方法来定义一个全局组件。template就是组件将来要展示的HTML内容//1.使用Vue.ex
波波烤鸭·2019-07-24 14:34

Vue教程(动画案例-列表动画)

  前面给大家介绍了动画的基本使用，本文我们来实现一个动画的简单案例，效果如下Vue动画案例1.基础页面  最基础的页面如下:Documentvarvm=newVue({el:"#app",data:{},methods:{}})2.添加数据  添加一个基本的列表数据，此处使用到v-for指令来循环取数据效果:3.设置样式  给li标签设置对应的样式。li{border:1pxdashedred;
波波烤鸭·2019-07-23 18:08

Vue教程(动画-半场动画)

  上篇文章我们介绍了过渡动画的实现，包括完整的入场和离场动画，但是在实际过程中我们有时可能仅仅需要使用半场动画，比如淘宝购物车的下单处理等。Vue半场动画1.基础页面  基础页面设置。Documentvarvm=newVue({el:"#app",data:{},methods:{}})2.样式设置  添加一个圆球图标，来控制该ball的半场动画添加样式效果通过按钮显示控制ball的显示和隐藏效
波波烤鸭·2019-07-21 23:06

写给后端同学的vue

有写后台的哥们说，vue怎么写，怎么新建一个vue项目，然后我想了想，觉得写一个面向后台同学的vue教程也是有必要，文章中几乎没讲css和vue细节处理的相关内容，减少接受不必要的信息量，降低vue的学习成本
adouwt·2019-07-21 13:00

写给后端同学的vue

有写后台的哥们说，vue怎么写，怎么新建一个vue项目，然后我想了想，觉得写一个面向后台同学的vue教程也是有必要，文章中几乎没讲css和vue细节处理的相关内容，减少接受不必要的信息量，降低vue的学习成本
adouwt·2019-07-21 00:00

Vue教程(动画-基础入门)

  在我们显示的页面中动画对于我们来说虽然不是必须的，但是必要的一些动画效果能够提高用户的体验，帮助用户更好的理解页面中的功能。所以本文就来给大伙介绍下动画的基础内容。Vue动画不带动画效果的案例  我们先来实现一个不带动画效果的显示和隐藏的功能。案例代码Document这是一个h3varvm=newVue({el:"#app",data:{flag:false},methods:{}})效果效果
波波烤鸭·2019-07-20 18:37

Vue教程12(实例生命周期介绍)

  通过前面的介绍我们知道使用Vue的时候我们都必须创建一个Vue实例对象，如下varvm=newVue({...})那么这个Vue实例的生命周期是怎么样的呢？本文我们就来详细的介绍下  此图为Vue官方给出的生命周期图，可先大概浏览下，如果不懂先不管，继续往下看。Vue实例生命周期  上图是官方给出的生命周期的流程图。我们一一来介绍下生命周期中各个方法的具体作用,为了便于理解将这些方法分为了三类
波波烤鸭·2019-07-18 17:33

Vue教程10(按键修饰符)

  本文我们来介绍下按键修饰符。Vue按键修饰符1.准备页面  沿用前面案例的页面Document品牌管理Id:Name:搜索名称关键字：idnamecTime操作{{item.id}}{{item.name}}{{item.ctime|msgDateFormat('yyyy-mm-ddhh-mi-ss')}}删除varvm=newVue({el:"#app",data:{id:'',name:'
波波烤鸭·2019-07-17 16:04

Vue教程09(过滤器应用-时间格式字符串格式化)

  在前面我们介绍了vue的综合小案例把前面介绍的一些常用指令我们综合运用了一下，但是还有个小问题，就是显示的’创建时间cTime’的格式没有处理，虽然我们可以在后台服务处理好后再传递给前端，但是在前端应该也需要能够自主的处理，而我们刚刚介绍了Vue中的过滤器，刚好可以通过Vue的过滤器来解决这个问题，我们来具体看下~过滤器应用案例代码  以下是没有格式化处理之前的代码，效果图就是上面的截图Doc
波波烤鸭·2019-07-16 17:20

Vue教程07(综合小案例)

  本文我们通过一个小案例来巩固下前面讲的内容，具体案例效果如下:其实也就是实现对表单数据的添加，删除和关键字查询的操作。综合案例1.页面布局  页面布局我们通过bootstrap来快速实现，具体步骤如下1.1基础页面Documentvarvm=newVue({el:"#app",data:{},methods:{}})1.2表单布局  使用bootstrap来设置table，在vscode中安装
波波烤鸭·2019-07-12 07:46

Vue教程05(样式处理)

  本文我们来介绍下在Vue中针对样式处理这块的支持Vue样式处理一、class 我们首先来看下class属性的使用。1.基本的class使用  我们先来看下非vue情况的class的使用，如下:Document.red{color:red;}.thin{font-weight:200;}.italic{font-style:italic;}.active{letter-spacing:0.5em
波波烤鸭·2019-07-10 00:05

Vue教程03(事件修饰符)

  本文我们来详细介绍下vue中的事件修饰符Vue事件修饰符事件修饰符概览修饰符说明.stop阻止冒泡.prevent阻止默认事件.capture添加事件侦听器时使用事件捕获模式.self只当事件在该元素本身(比如不是子元素)触发时触发回调.once事件只触发一次事件修饰符具体介绍.stop  .stop用来防止冒泡，我们先来看看冒泡的场景Document.inner{height:150px;b
波波烤鸭·2019-07-06 18:05

Vue教程02(跑马灯效果案例)

  前面的文章我们介绍了v-on这个指令，可以用来实现事件的绑定，本文我们利用v-on来实现一个简单的跑马灯效果,就是如下这种效果Vue跑马灯效果1.分析a.点击"加油"按钮绑定一个点击事件，使用v-on或者缩写:"@"b.在按钮的事件处理函数中，写相关的业务逻辑代码：拿到msg字符串，然后调用字符串的substring来进行字符串的截取操作，把第一个字符截取出来，放到最后一个位置即可；为了实现点
波波烤鸭·2019-07-06 11:18

Vue教程01(基础入门)

  因为最近需要使用到Vue，所以打算将Vue的学习资料详细整理一份，感兴趣的小伙伴可以一起来哦。一、Vue基础介绍1.什么是Vue.jsVue.js是目前最火的一个前端框架，React是最流行的一个前端框架（React除了开发网站，还可以开发手机App，Vue语法也是可以用于进行手机App开发的，需要借助于Weex）Vue.js是前端的主流框架之一，和Angular.js、React.js一起，
波波烤鸭·2019-07-05 21:21

vue教程实践

1作用域插槽含义作用域插槽就是父组件在调用子组件的时候给子组件传了一个插槽，这个插槽为作用域插槽，该插槽必须放在template标签里面，同时声明从子组件接收的数据放在一个自定义属性内，并定义该数据的渲染方式。通过下列展示作用域插槽的使用方式。场景多个相同子组件需要不同的渲染方式的情况下使用注意只要出现多个插槽，请始终为所有的插槽使用完整的基于的语法示例{{slotProps.user.usern
ljs_coding·2019-06-26 11:55

vue教程实践

1作用域插槽含义作用域插槽就是父组件在调用子组件的时候给子组件传了一个插槽，这个插槽为作用域插槽，该插槽必须放在template标签里面，同时声明从子组件接收的数据放在一个自定义属性内，并定义该数据的渲染方式。通过下列展示作用域插槽的使用方式。场景多个相同子组件需要不同的渲染方式的情况下使用注意只要出现多个插槽，请始终为所有的插槽使用完整的基于的语法示例{{slotProps.user.usern
ljs_coding·2019-06-26 11:55

vue进阶学习

vue1原生事件绑定到组件2sync修饰符3Vue-Cli3.0从0开始搭建项目此篇主要是个人对vue教程上第一遍未吃透的概念的理解1原生事件绑定到组件在Vue中，对于原生元素（、等）只能监听原生事件（
Jyan_29·2019-06-14 15:38

vue教程

https://www.jianshu.com/p/a4339bad5256(一句话理解Vue核心内容)http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvvm.html(MVC，MVP和MVVM的图示;留下了一个疑问,前端的mvc模式跟后端的mvc模式有区别吗?)有为什么使用vue的视频和文档,挺有吸引力的https://cn.vuejs.org/(官
橘树作团团·2019-06-13 21:49

Vue组件传值与通信集合

---vue教程然而当我们把组件拆分到足够细的时候，子组件控制父组件的数据，或者兄弟组件之间的传值就变得尤为
Max_Law·2019-04-22 11:54

vue中 $set的使用

vue教程中有这样一个注意事项：受现代JavaScript的限制(以及废弃Object.observe)，Vue不能检测到对象属性的添加或删除。Vue不能检测以下变动的数组：1.当你利用索引
gs981600308·2019-02-25 14:20

vue教程：模板语法

如果想显示{{}}标签，而不进行替换，使用v-pre即可跳过这个元素和它的子元素的编译过程。Vue.js只支持单个表达式，不支持语句和流控制。另外，在表达式中，不能使用用户自定义的全局变量，只能使用Vue白名单内的全局变量，例如Math和Date。文本：通过使用v-once指令，你也能执行一次性地插值，当数据改变时，插值处的内容不会更新。但请留心这会影响到该节点上的其它数据绑定：varobj={f
duansamve·2019-02-12 21:17

vue教程：数据与方法

当一个Vue实例被创建时，它向Vue的响应式系统中加入了其data对象中能找到的所有的属性。当这些属性的值发生改变时，视图将会产生“响应”，即匹配更新为新的值。//我们的数据对象vardata={a:1}//该对象被加入到一个Vue实例中varvm=newVue({data:data})//获得这个实例上的属性//返回源数据中对应的字段vm.a==data.a//=>true//设置属性也会影响到
duansamve·2019-02-12 18:11

反正你们写的都是没有即时演示的鸡肋教程，我为什么不去看官方文档？

这几天看到写Vue教程的文章突然多起来了。不过，就我所见，在这里发表的所有教程文章，都不支持即时演示，顶多有点儿自己画的图片之类的点缀一下。那么，请问您的文章和官网的交互式教程相比有什么优势？
CONMAJIA·2019-02-01 19:00

【Vue教程】第03课：开发前期准备——开发环境的搭建

读完上一篇文章，相信你对Vue.js有了整体了解，且知道了Vue.js有两种开发模式，一种是直接引入JavaScript文件，另一种则是使用vue-cli构建项目。接下来，本文将带你开启Vue.js实战开发的第一步：搭建你的开发环境。搭建项目前需要做的准备子曰：工欲善其事，必先利其器。要做好一件事，准备工作是少不了的。在做Vue.js开发时，大家需要了解并安装以下开发工具。1.Node.jsNod
罗忠浩·2019-01-16 11:30

Vue教程24：Vuex Modules（完结）

阅读更多系列文章请访问我的GitHub博客，示例代码请访问这里。该节教程代码可通过npmstart运行devServer，在http://localhost:8080/#/index查看效果运行服务端请cdserver，nodeserver.js。创建Vuex模块我们可以新建两个Vuex模块，名为src/store/mod_a.js和src/store/mod_b.js。每个Vuex模块都可以看做
Lee_Chen86·2019-01-02 22:51

vue的数据赋值联动改变解决方案

最近连着做了好几个vue项目，从0到版本迭代，vue教程算是好理解，把vue官方文档看一遍下来，基本上不会有什么大问题（嗯如果你看的够仔细够透彻的话），此篇是记录vue踩过的坑以及可以优化的地方。
逸宸a·2018-12-27 16:50

VUE教程（第九节）

本来这次是需要进阶vue-router的，但考虑这是基础教程，说的太难很容易大家糊里糊涂的，在后期的实例案例才给大家进阶吧，这节课学习一下vuex，vuex是中央状态管理器，它存储这个整个项目的公共状态，它的出现极大的简化了数据的跨组件传输，我们之前学过组件的父子之间传输，如果是兄弟组件，如果是多层级的组件嵌套，那会更麻烦，所以就出现了vuex这么一个东东。举个栗子，我们都知道面包屑导航，一般这个
多平方·2018-12-22 17:13

Vue教程16：Vue实例生命周期详解

钩子Hook的概念钩子的概念并不止存在于浏览器或者Vue实例，原意是用于拦截或监听系统的操作，类似于键盘输入等。Vue实例生命周期中的钩子，主要用来监听Vue实例的运行阶段，并提供给使用者在不同阶段运行代码的机会。VueRouter的路由守卫也是一种钩子，它除了监听还提供了拦截的功能。挂载的概念document.getElementById('id').innerHTML='挂载'这个语句其实就是
weixin_33801856·2018-12-22 06:00

2018-12-20 用vue.js的v-for写了个简单的分页样式

大多是vue教程中的知识，但是还是看了很多个例子才明白。
庚_·2018-12-20 22:40

VUE教程（第八节）

实在不抱歉，拖更很长时间，今天才有时间来续写vue基础教程，这次我们要写的是vue-router，也就是路由咯，以前我们开发多页时候的路由是通过a标签来做的，一般就是这么一种形式。我们用vue做单页的时候因为是单页，只有一个页面，所以一般都是用v-router来做模拟路由，这次我们要学习的主要是两个方面的内容，第一就是设定路由，第二就是子路由的设定，下一节我们会学习路由守卫和路由传值问题，争取把工
多平方·2018-12-16 17:41

Vue教程08：Computed计算属性、Watch监听属性

示例代码请访问我的GitHub：github.com/chencl1986/…Computed计算属性代码示例：/lesson08/01.Computed计算属性.html计算属性类似于方法，用于输出数据的计算结果，在数据变化时，它会同步更新，计算属性不可与data中的属性重名。相对于方法，它的优势是当它的依赖变化时，才会重新进行计算，也就是说它拥有缓存，而方法在每次render的时候都会计算，因
weixin_34055787·2018-12-10 15:23

VUE教程（第六节）

上节说了生命周期，其实还是需要认真理解的，特别是做系统类网站的时候，因为涉及的数据交互比较多，而我们的vue是数据驱动类型的，对于之前一直使用jQuery开发的同学来说或许一下在没有适应呢，这是时候对于数据和dom的渲染顺序之类的，就需要理解比较深入；回顾完上节的内容，这一节我们来学习动态绑定class和style，学习好了这一节内容，对于样式的操作基本就哦了。——》关于class的操作，我们有两
多平方·2018-12-02 15:23

VUE教程（第一节）

前端技术火热，框架技术层出不穷，什么vue，react，angular，本人用的最习惯的还是vue，并不是其他的不好，个人习惯而已，对于中小型项目vue会特别适合，而且开发的数据驱动思维在其他的领域也是运用的广泛，比如小程序开发（mpvue了解一下，开发小程序的vue插件），小应用开发之类的，所以vue个人觉得是前端开发工程的标配。这是第一节课程，先说说用vue-cli脚手架搭建vue项目吧，运用
多平方·2018-11-10 13:06

Vue教程 第三篇 vue-router和vuex

相较于这两个插件的使用方式来说，对这两个插件的理解更加重要，初学者一定要先理解他们适用的场景，才能明白他们各自存在的意义。大家还是多百度下概念吧，进而在看配置语法，都不会太难。vue-router这里我只讲他们的核心点，也是大家开发会面临的问题点。第一点，路由的配置，自己百度，我要说的是路由的嵌套，也就是二级路由的配置，大家要注意怎么写，还有就是什么时候才考虑使用路由嵌套。router.jsimp
Jesen_master·2018-11-01 11:32

Vue教程 第一篇 基础

从接触学习到项目应用，大大小小的vue项目也做了好几个，近期应公司要求需要培训下vue，于是便开始写vue教程的连载博客，网上有很多关于vue学习的教程，我在这里也只是记录下整个vue的学习心得和比较实用的知识点理解
Jesen_master·2018-10-26 09:31

hello vue声明式渲染

:none;}{{msg}}varvm=newVue({//要用哪一个div即V层el:'#main',//数据即M层data:{msg:'hellovue'},//方法函数methods:{},})vue
damei2017·2018-09-11 17:57

Vue核心技术-1,认识Vue,js

一,前言之前写过一套AngularJs的教程,由于种种原因最终没有更新上来,现在Angular没落Vue崛起了,这次就直接写到博客这套Vue教程也将采用和Vue一样的"渐进式"方式进行更新初期以覆盖Vue
BraveWangDev·2018-08-14 00:34

leaflet搭建vue地图组件

网上相关leaflet的vue教程都非常少，并且大部分是写于.html文件中，而不是.vue文件，所以在写成的初期还是十分的迷茫。在项目的初期
穷途陌路·2018-08-12 17:45

安装Vue教程

安装Vue之前需要先安装node.js按照下面的顺序执行即可初始化启动一个基本Vue项目//安装node.js，内含npm，Node.js官网：https://nodejs.org/en/。//设置npm镜像cnpm命令行工具npminstall-gcnpm--registry=https://registry.npm.taobao.org //全局安装vue-clicnpminstall-gvu
JavaRunLife·2018-07-19 14:13

Vue 不睡觉教程1-从最土开始

名字灵感来自我的书《HBase不睡觉书》意为让你看了也不会想睡觉的教程：）目标最近在学习vue的过程中发现网上的vue教程总有些不同的问题，有的教程上来只说语法，有的教程上来就用vue-cli来建项目，
alexxiyang·2018-06-21 08:19

VUE教程：vue的理解与基础使用（一）

本篇文章适合javascript基础特别弱的同学，如果有基础同学可以忽视。更多详情：https://github.com/jilaokang/...背景vue是最开始是尤雨溪自写自用的一个框架，后因为一个大佬在推特推荐，让这个框架瞬间大量涨粉。时至今日，这个框架在前端开发领域MVVM层已经十分著名和成熟。MVVM*VM：ViewModel指的是视图层/数据层的一个映射，通过这种方式，开发人员将数据
Kaso·2018-06-07 00:00
上一页 1 2 3 4 5 6 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他