vue学习

Vue学习系列(三)——常用指令方式

前言在上一篇中，我们已经对组件有了更加进一步的认识，从组件的创建构造器到组件的组成，进而到组件的使用,.从组件的基本使用、组件属性，以及自定义事件实现父子通讯和巧妙运用插槽slot分发内容，进一步的认识到组件在Vue中的核心地位.。而今天，我们将对vue中的基本指令进行了解汇总，何为指令？指令在Vue中是个很重要的功能，在Vue项目中是必不可少的。根据官网的介绍，指令(Directives)是带有
艾三元·2019-10-27 20:00

Ant Design Pro Vue学习总结。（更新中..）

AntDesign是蚂蚁金服体验技术部打磨出一个服务于企业级产品的设计体系，通过模块化解决方案降低生产成本。前端实现涵盖了reactvueangular等三大框架。ANTDPROVUE是AntDesign的vue实现，开发企业级后台产品。安装antprovue是一套基于AntDesignVue的中后台管理控制台的脚手架。直接从GitHub仓库中直接安装最新的脚手架代码。$gitclone--dep
BYh_blog·2019-10-23 17:16

基于vue.js官方文档及查阅多方资料整理vue学习笔记

vue学习笔记引入vue标签：需要下载官方vue.js版本，然后通过标签在**.html**文件里引入NPM：CDN：直接复制CLI命令行工具：直接创建.vue文件引入成功，在控制台会出现这两条警告：注意点
CV程序猿·2019-10-23 17:07

vue学习

最近在前后端分离的学习中逐步找到了乐趣，并且不知不觉对前端也产生了一些学习的冲动，经过一系列的咨询，最终决定从学习vue开始。感谢在本文中涉及到的各位博客大神的指导（可以通过本文中的链接进一步学习大神们的思想），站在巨人的肩膀上学习，是一种莫大的幸福。以下内容时基于vue2.x版本学习。一、准备知识1)vscode快捷键https://www.cnblogs.com/weihe-xunwu/p/6
lennar92·2019-10-22 19:00

VUE学习（六） 高德地图常用功能总结

项目中使用地图的场景比较多，将常用的功能整理一下，方便后期使用。目录1.地图的引入2.地图在页面显示3.点标记3.1快速点标记3.2点标记详细配置4.圆形、方形、多边形标记4.1创建圆形4.2创建多边形4.3创建长方形5.地图操作5.1清空地图5.2清空单个图形对象5.3地图最佳视野调整5.4地图点击事件6.路径规划6.1已知起点终点，自动规划6.2手动在地图上点击起点和终点1.地图的引入高德地图
两个娃他爹·2019-10-21 10:33

30 道 Vue 前端面试题，内含详细讲解，助你前端vue学习起飞

前言本文以前端面试官的角度出发，对Vue框架中一些重要的特性、框架的原理以问题的形式进行整理汇总，意在帮助作者及读者自测下Vue掌握的程度。本文章节结构以从易到难进行组织，建议读者按章节顺序进行阅读，当然大佬级别的请随意。希望读者读完本文，有一定的启发思考，也能对自己的Vue掌握程度有一定的认识，对缺漏之处进行弥补，对Vue有更好的掌握。文章最后一题，欢迎同学们积极回答，分享各自的经验~~~1、说
李晓伟·2019-10-21 02:14

Vue学习系列(二)——组件详解

前言在上一篇初识Vue核心中，我们已经熟悉了vue的两大核心，理解了Vue的构建方式，通过基本的指令控制DOM,实现提高应用开发效率和可维护性。而这一篇呢，将对Vue视图组件的核心概念进行详细说明。什么是组件呢？组件可以扩展HTML元素，封装可重用的HTML代码，我们可以将组件看作自定义的HTML元素。为什么要用到组件呢？为了可重用性高，减少重复性开发，让我们可以使用独立可复用的小组件来构建大型应
艾三元·2019-10-20 17:00

vue学习记录(二)---自定义指令，组件

一、自定义指令1、全局自定义指令{{msg}}//每个钩子的参数都是(el、binding、vnode和oldVnode),名称是bill但是使用的时候需要用v-bill进行使用，如果是驼峰命名法，那么就用-进行连接Vue.directive('bill',{bind(){//全局绑定元素时调用，只调用一次,如果没有调整的话，会一直保存console.log('bind',arguments);}
yuf_ricky·2019-10-20 00:00

vue学习记录(二)---自定义指令，组件

一、自定义指令1、全局自定义指令{{msg}}//每个钩子的参数都是(el、binding、vnode和oldVnode),名称是bill但是使用的时候需要用v-bill进行使用，如果是驼峰命名法，那么就用-进行连接Vue.directive('bill',{bind(){//全局绑定元素时调用，只调用一次,如果没有调整的话，会一直保存console.log('bind',arguments);}
yuf_ricky·2019-10-20 00:00

从零开始的vue学习笔记（八）

前言今天花一天时间阅读完VueRouter的官方文档的基础部分，简单的做一下总结和记录VueRouter是什么VueRouter是Vue.js官方的路由管理器，用于构建单页应用(SPA)。地址栏url的变化并不会去发请求去服务器取新的页面，而是按需加载局部组件，看起来就像无刷新一样。包括的功能包括：嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于Vue.js过渡系统的视图过
西街二叔·2019-10-18 11:00

从零开始的vue学习笔记（七）

前言今天花一天时间阅读完vuex的官方文档，简单的做一下总结和记录Vuex是什么Vuex是一个专为Vue.js应用程序开发的状态管理模式，以前的符合“单向数据流”理念的示意图：它包含三个部分：state，驱动应用的数据源；view，以声明方式将state映射到视图；actions，响应在view上的用户输入导致的状态变化。当我们的应用遇到多个组件共享状态时，单向数据流的简洁性很容易被破坏：多个视图
西街二叔·2019-10-15 22:00

从零开始的vue学习笔记（六）

混入混入(mixin)提供了一种非常灵活的方式，来分发Vue组件中的可复用功能。简单解释就是把一个Vue组件中的内容提供给别的组件来用。例子：//定义一个混入对象varmyMixin={created:function(){this.hello()},methods:{hello:function(){console.log('hellofrommixin!')}}}//定义一个使用混入对象的组件
西街二叔·2019-10-14 14:00

Vue学习系列(一)——初识Vue.js核心

前言vue.js是一套构建用户界面的渐进式框架，vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。vue通过DOM事件操作和指令来进行视图层和模型层的相互通讯，会为每一处需要动态更新的DOM节点创建一个指令对象。每当一个指令对象观测的数据变化时，它便会对所绑定的目标节点执行相应的DOM操作。基于指令的数据绑定使得具体的DOM操作都被合理地封装在指令定义中，业务代码只需要
艾三元·2019-10-13 17:00

从零开始的vue学习笔记（五）

单文件组件Vue.component来定义全局组件的缺点：全局定义(Globaldefinitions)强制要求每个component中的命名不得重复字符串模板(Stringtemplates)缺乏语法高亮，在HTML有多行的时候，需要用到丑陋的不支持CSS(NoCSSsupport)意味着当HTML和JavaScript组件化时，CSS明显被遗漏没有构建步骤(Nobuildstep)限制只能使用
西街二叔·2019-10-12 16:00

从零开始的vue学习笔记（四）

组件注册组件名Vue.component('my-component-name',{/*...*/})这里的my-component-name就是组件名，组件名的取法可以参考指南kebab-case写法（-连接单词）推荐的写法定义：Vue.component('my-component-name',{/*...*/})用法：PascalCase写法（单词首字母大写）Vue.component('M
西街二叔·2019-10-11 20:00

从零开始的vue学习笔记（三）

事件处理v-on指令监听DOM事件，并在触发时运行一些JavaScript代码，示例：Greetvarexample2=newVue({el:'#example-2',data:{name:'Vue.js'},//在`methods`对象中定义方法methods:{greet:function(event){//`this`在方法里指向当前Vue实例alert('Hello'+this.name+
西街二叔·2019-10-10 19:00

从零开始的vue学习笔记（二）

数据与方法当一个Vue实例被创建时，它将data对象中的所有的属性加入到Vue的响应式系统中。data的数据和视图同步更新。实例创建后添加一个新的属性，对这个属性的的改动将不会触发任何视图的更新。如果需要一个属性，但是一开始它为空或不存在，仅需要设置一些初始值。Object.freeze()方法可以阻止修改现有的属性除了数据属性，Vue实例还包含实例属性与方法，前缀为$，例如：vm.$data，v
西街二叔·2019-10-10 14:00

vue学习笔记

开始：引入vue包varapp=newVue({el:'#app',绑定id或者classdata:{},//所有计算属性都以函数的形式写在computed李})v-if:比较用的v-html:把写的以html格式表示出来v-bind:绑定HTML属性如idclass缩写“:”v-on:绑定事件监听器缩写：“@”v-bind绑定class:1：可以与普通class共存改变false和true确定是
前端切图仔·2019-10-10 10:39

从零开始的vue学习笔记（一）

前言项目要用vue.js，今天开始自学vue.js官方教程，记录下自己的学习摘要，方便后面查阅Vue.js是什么Vue是一套用于构建用户界面的渐进式框架，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用(SPA)提供驱动。安装直接引入直接下载开发版的
西街二叔·2019-10-08 17:00

mpvue学习之路

前面同志分享的步骤和现阶段有些差异：本人现阶段学习的是v2.0.0文档：http://mpvue.com/mpvue/quickstart.htmlmpvue是美团点评团队出品的小程序框架传送门：https://www.jianshu.com/p/8f779950bfd9WePY是由腾讯团队推出的小程序组件化开发框架image.pnguni-app是一个使用vue.js开发所有前端应用的框架，开发
拾钱运·2019-10-08 16:47

Vue v-for使用 vue中循环输出数据

}{{v.id}}{{v.name}}{{title}}varapp=newVue({//elementel:'#ask',data:{title:'简单记录',list:[{id:11,name:'vue
Tommy_marc·2019-10-06 15:00

Vue组件学习

Vue学习：（一）Vue入门学习（二）Vue指令学习（三）Vue组件学习1、通过Vue的component方法来定义一个全局组件。//定义全局组件，两个参数：1，组件名称。
hwt1070359898·2019-10-06 12:10

Vue指令学习

Vue学习：（一）Vue入门学习（二）Vue指令学习（三）Vue组件学习1、{{}}插值表达式{{name}}解决插值闪烁问题：v-text:v-html:使用v-text和v-html指令来替代`{{
hwt1070359898·2019-10-06 11:17

vue学习指南：第十一篇(详细) - Vue的 路由 第一篇 ( router )

一、路由的配置路由vue-router1.什么是路由？路由相当于一个配置对象路由：就是我们通过不同的url访问不同的内容，通过angular.js可以实现多视图的单页，现在流行的单页面开发模式。2.路由在web有两种：第一种hashhash值前面带#"https://user:[email protected]:8080/p/a/t/h?query=string#hash"第二种是histo
硅谷之火·2019-10-02 16:00

vue学习指南：第十一篇(详细) - Vue的 路由 第一篇 ( router )

一、路由的配置路由vue-router1.什么是路由？路由相当于一个配置对象路由：就是我们通过不同的url访问不同的内容，通过angular.js可以实现多视图的单页，现在流行的单页面开发模式。2.路由在web有两种：第一种hashhash值前面带#"https://user:[email protected]:8080/p/a/t/h?query=string#hash"第二种是histo
硅谷之火·2019-10-02 16:00

vue学习指南：第十篇(详细) - Vue的 动画

Vue提供了一些不同的过度效果，主要根v-ifv-show动态组件1.Vue给动画分了6个过程，在css中，扮演6个类，1..v-enter定义动画的开始状态2..v-enter-active定义动画生效时的状态3..v-enter-to定义动画的结束状态4..v-leave-定义动画离开时开始状态5..v-leave-active定义动画离开时的生效的状态6..v-leave-to定义动画离开结
硅谷之火·2019-10-02 16:00

vue学习指南：第十篇(详细) - Vue的 动画

Vue提供了一些不同的过度效果，主要根v-ifv-show动态组件1.Vue给动画分了6个过程，在css中，扮演6个类，1..v-enter定义动画的开始状态2..v-enter-active定义动画生效时的状态3..v-enter-to定义动画的结束状态4..v-leave-定义动画离开时开始状态5..v-leave-active定义动画离开时的生效的状态6..v-leave-to定义动画离开结
硅谷之火·2019-10-02 16:00

vue学习指南：第九篇(详细) - Vue的 Slot-插槽

Slotv-slot插槽元素浏览器在解析时候首先把它当作标签来解析，只有遇到不认识的就不管了，直接跳过，当你发现是组件，在以组件形式解析。使用插槽的好处？比如一个网站分布顶部都是一样的，如果使用组件，要写好几个导航组件。我只写一个导航组件，然后让插值里面东西去覆盖内容就可以了。*在页面渲染的时候，slot元素会被替换成组件标签里面的东西。那这个slot就是哈哈哈。*不仅可以直接写内容，还可以套标签
硅谷之火·2019-10-02 16:00

vue学习指南：第九篇(详细) - Vue的 Slot-插槽

Slotv-slot插槽元素浏览器在解析时候首先把它当作标签来解析，只有遇到不认识的就不管了，直接跳过，当你发现是组件，在以组件形式解析。使用插槽的好处？比如一个网站分布顶部都是一样的，如果使用组件，要写好几个导航组件。我只写一个导航组件，然后让插值里面东西去覆盖内容就可以了。*在页面渲染的时候，slot元素会被替换成组件标签里面的东西。那这个slot就是哈哈哈。*不仅可以直接写内容，还可以套标签
硅谷之火·2019-10-02 16:00

vue学习总结一（环境部署，项目搭建开发）

小白vue学习总结，阅者酌情参考，欢迎指正一.安装环境安装nodejs：查看版本node-v加载vue组件：npminstallvue搭建vue的开发环境，安装vue的脚手架工具官方命令行工具：npminstall
橙子CC啊·2019-09-27 17:19

vue学习指南：第七篇(详细) - Vue的 组件通信

Vue的父传子子传父一、父组件向子组件传值:父传子把需要的数据传递给子组件，以数据绑定(v-bind)的形式，传递到子组件内部，供子组件使用缩写是（:）1.创建子组件，在src/components/文件夹下新建一个Child.vue子组件2.Child.vue的中创建props，然后创建一个名为message的属性解释Props1.Props是一个对象注意：组件中的this都是指向组件自己。2.
硅谷之火·2019-09-26 16:00

前端框架Vue学习02 ——样式

假定设定样式.red{color:red;}.thin{font-weight:100;}.italic{font-style:italic;}.active{letter-spacing:0.5em;}一般处理很大的东西使用class样式1、数组形式直接传递一个数组，这里的class需要使用v-bind做数据绑定第一种好像和一般处理方式没多大差别2、数组中使用三元表达式第二种需要在data对fl
菜鸟都不行？·2019-09-24 17:37

Vue.js学习笔记之 helloworld

Vue学习{{message}}newVue({el:'#app',data:{message:'HelloWorld!'}})
·2019-09-24 03:52

vue学习指南：第六篇(详细) - Vue的组件 component

1.什么是组件？有两种解释1.第一种解释：什么是组件？1.组件是vue中的一个可复用的实例，所以newVue()是vue中最大的那个组件(根组件)，有名字，使用的时候以单标签或双标签使用。2.Vm=newvue()是最大的组件，具有很多实用性的属性，比如data，methods，computed等，所以定义的组件也有这些属性。2.第二种解释：什么是组件？1.组件的出现就是为了拆分vue实例的代码量
硅谷之火·2019-09-23 17:00

vue学习指南：第五篇(详细) - vue的 computed、methods、watch 的区别？

Computed计算属性1.将函数代码块中返回的结果赋值给前面的方法名2.computed中的属性有缓存功能，只要data中的数据不发生改变，计算得到的新属性就会被缓存下来，下次使用的时候不需要重新计算了。Methods1.需要手动调用，函数代码块中返回的结果就是得到的结果。2.不具备缓存功能，第二次使用的时候还待重新调用控制台会输出2个methods，一个computedWatch监听属性1.w
硅谷之火·2019-09-23 16:00

vue学习指南：第四篇(详细) - vue的 :class 和 :style

1.:class=“a”说明vue中有个叫a的属性这个标签的class就是a的值2.:class=“{active:isactive}”Active的存在取决于isactive的值，为true就说明存在，为false就说明不存在。3.:class=[“a”,”b”]注意在数组中元素带不带引号的问题。带了说明是类名，不带就是data中的属性对应的值。:style在vue中style是一个对象1.注意
硅谷之火·2019-09-23 16:00

mpvue跳转页面及注意事项

下面先给大家介绍下mpvue跳转页面，具体内容如下所示：正准备写一个小程序，得知了mpvue开源的消息，又恰巧之前刚刚学习了一点vue，便开始了我的mpvue学习之路。第一步就是配置环境之类的。。。
·2019-09-23 04:38

vue解决跨域路由冲突问题思路解析

Vue学习起来非常简单，本教程基于Vue2.1.8版本测试。当我们在路由里面配置成以下代理可以解决跨域问题proxyTable:{'/goods/*':{target:'http://loc
·2019-09-23 00:16

vue学习总结

一.vue基础Vue的介绍及安装和导入Vue的使用Vue成员获取Vue中的循环以及修改差值表达式vue中methods,computed，filters,watch的总结Vue中组件Vue中插槽指令Vue部分编译不生效,解决Vue渲染时候会闪一下二.vue-cli项目Vue-CLI项目搭建Vue-CLI项目在pycharm中配置Vue-CLI项目中相关操作Vue-CLI项目中路由传参Vue-CLI
小小咸鱼YwY·2019-09-22 19:00

Vue仿手机qq的实例代码(demo)

Vue学习起来非常简单，本教程基于Vue2.1.8版本测试。概述这是一个16年9月份找的开源项目源代码，结合自己的实际情况进行的修改项目，以后内容将会有很大的不同，项目的目标是向QQ看齐页面
·2019-09-22 16:16

Vue学习笔记(4)-带参数路由，嵌套路由，编程式导航

路由传参明确使用场景：后期很多业务可能需要传递参数，如编辑时需要传递ID如果在路由配置中添加参数设置{name:'Product',//添加路由的参数配置,参数的标识就是://id这个名称你可以随意，它就相当于一个形参，它所影响不是你如何传递参数，而是后期如何获取参数path:'/product/:id',component:Product}在调用路由的时候的格式水果获取路由参数通过$route可
Sauron831·2019-09-22 01:00

Vue学习笔记整理-长期更新

从入门到实战1、Vue.js第1章Vue常用指令学习2、Vue.js第2章钩子函数&自定义指令&过滤器&计算属性&侦听器3、Vue.js第3章axios&Vue过渡动画4、Vue.js第4章组件与路由5、Vue
Sauron831·2019-09-21 01:00

Webstorm中配置Vue开发环境详解

Vue学习笔记1-windows系统搭建VUE环境我们用vue-cli创建好一个项目，如果我们使用Webstorm作为编码工具，会发现代码中有很多编辑器警告，这是因为默认情况下Webstorm对Vue项目的支持不够造成的
牧云流·2019-09-18 11:44

VUE学习（五） 分页

这里分页采用的是element-ui的分页组件，喜欢自己研究的小伙伴可以去element-ui的官网去查看使用方法。这里简单介绍下分页的流程吧！想要对查询的数据进行分页，首先需要知道查询的数据总共有多少条，然后是每页展示多少条，第几页！知道这三个就足够了。其中totalSize:是总条数，需要后台查询后返回cur_page:是当前页，也就是查看第几页的数据，需要前端传给后端接口pageSize:是
两个娃他爹·2019-09-09 15:20

初识vue 指令 学习分享第二节

vue学习的第二节（本节简写部分指令，如有错误请联系改正，谢谢。
NULLISLAND·2019-09-07 17:00

CSDN日报190906：Linux fork隐藏的开销-过时的fork；Vue学习笔记

CSDN日报来啦！给大家奉上当日最新鲜的技术干货！操作系统|Linuxfork隐藏的开销-过时的fork(正传)作者：dog250fork是一个拥有50年历史的陈年系统调用，它是一个传奇！时至今日，它依旧灿烂。一个程序员可以永远不用read/write，也可以不懂mmap，但必须懂fork。这是一种格调！fork没有参数，它是如此简单，是UNIX哲学的布道者或者说卫道者们的首选，它被写进了几乎每一
CSDN官方博客·2019-09-06 14:15

VUE学习（四） 引入高德地图

好多前端页面的设计都涉及到地图的展示等功能，今天写一个将高德地图展示在vue页面的例子。1.申请高德key登录高德开发者平台直接申请即可2.引入js在vue工程public/index.html的头部引入上述代码，记得将key替换为申请的开发者key.3.页面代码mounted(){this.map=newAMap.Map('org-map');}.map{height:220px;}上面只是代码
两个娃他爹·2019-09-05 13:40

vue学习【四】vuex快速入门

大家好，我是一叶，今天我们继续踩坑。今天的内容是vuex快速入门，页面传值不多的话，不建议vuex，直接props进行父子间传值就行，使用vuex就显得比较臃肿。我们先预览一下效果，如图1所示。图11、创建vue-cli项目如果不会用vue-cli构建项目的小伙伴可以看看以前我发过的文章：http://www.yyzhiqiu.com/?post=14目录结构如图2所示。图22、下载、引入vuex
yyzhiqiu·2019-09-04 16:00

一、vue学习笔记：vue-cli3创建vue项目，并配置路由

文章目录1、安装nodejs2、查看版本号：2.1配置npm在安装全局模块时的路径和缓存cache的路径（可选操作）2.2、npm常用命令2.2.1、安装2.2.2、npm更新、卸载2.2.3、npm查看命令2.2.3、其他3、安装@vue/cli遇到的问题：3.1使用```vueui```来创建项目3.2初始界面3.3创建新的项目3.4手动选着需要那些插件支持3.4.1各个插件的功能3.4.2界
miracleo_·2019-09-03 21:17

Vue学习——搭建脚手架（mac版本）

Vue学习笔记—搭建脚手架一、mac安装vue-cli脚手架1.1需要准备的环境Homebrew：Mac系统下的包管理器，类似于linux的apt-get,Windows的控制面板-安装删除应用程序Node.js
咸鱼超人-·2019-08-31 17:05
上一页 45 46 47 48 49 50 51 52 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他