#vue学习

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

vue学习

一、指令1、v-cloak使用v-cloak能够解决插值表达式闪烁的问题[v-cloak]{display:none;}2、v-text的属性值会替换元素内的内容3、v-html的属性值会替换元素内的内容（能够识别html标签）4、v-bind属性的绑定可以简写为“:”v-bind中可以写合法的js表达式5、v-on事件的绑定可以简写为“@”5-1、事件修饰符：①.stop阻止事件冒泡(冒泡是从里
张小中·2019-08-29 17:00

vue学习【三】vue-router路由显示多页面

大家好，我是一叶，今天是七夕，单身狗的我还在这里写踩坑文。在这里还是要祝大家早日脱单（能不能脱单自己心里没个数吗）。本篇继续踩坑，在单页面上展示多页的内容，大家的想法是什么，估计大家第一印象会是iframe框，但是iframe的缺点大过优点，在vue中也是放弃使用的。vue中引入了router的观点，从而实现单、多页面的跳转，接下来进入正文。首先使用vue-cli脚手架搭建项目，不会的小伙伴可以查
yyzhiqiu·2019-08-29 15:00

vue学习指南：第二篇(详细Vue基础) - Vue的指令

一、Vue的介绍1.vue是一个mvvm的框架。(面试官经常会问的)，angular是mvc的框架。2.vm是vum的实例，这个实例存在计算机内存中，主要干两件大事：1.绑定数据2.dom检测3.vue实例靠new关键字实例化vue对象，使用mvvm模型1.Mmodal数据2.vview视图3.vm全称viewmodal就是一个vue实例4.Vue.js是封装的一个类，参数是个options对象最
硅谷之火·2019-08-29 08:00

vue学习指南：第三篇(详细) - vue的生命周期

今天小编给大家详细讲解一下vue的生命周期。希望大家多多指教，哪里有遗漏的地方，也请大家指点出来谢谢。一、怎么理解Vue的生命周期的？生命周期：从无到有，到到无的一个过程。Vue的生命周期对组件来说的或实例来说。简单理解：比如我们都知道js中的定时器，定时器都有开始的那一秒，已经执行过程中，最后执行完毕，我们的Vue的生命周期就好像定时器一样，有许多过程，他们就像钩子一样，相互牵连着。1.在Vue
硅谷之火·2019-08-28 21:00

springboot打成jar后获取classpath下文件失败

构建中小型互联网企业架构（干货）python学习持续更新ElasticSearch笔记kafkastorm实战(干货)scala学习持续更新RPC深度学习GO语言持续更新Android学习nginx相关文章vue
chenshiying007·2019-08-20 19:32

Vue学习笔记

入门data:用于定义属性methods用于定义的函数{{}}用于输出对象的属性和函数的返回值当vue实例被创建时,它向vue的响应式系统中加入其data对象中能找到的所以属性当这些属性值发生改变时,html视图也会发生相应的变化模板语法文本:{{}}vue测试{{message}}{{test()}}{{message2}}newVue({el:"#app",data:{message:"Hel
JaminYe·2019-08-20 09:00

Vue学习之vuex（vue状态管理）

如果学过vue.js的话，大家一定知道在vue中各个组件之间传值的痛苦，在vue中我们可以使用vuex来保存我们需要管理的状态值，值一旦被修改，所有引用该值的地方就会自动更新，下面就简单的介绍一下vuex是如何修改状态值的：新建一个项目，项目创建后，然后安装vuex，使用命令：npminstallvuex--save（安装vuex保存到本地）。这个时候需要在src目录下新建一个目录store，在该
北海ぉ情书·2019-08-19 09:22

vue学习 十六 Vue生命周期

下图展示了实例的生命周期。不需要立马弄明白所有的东西，不过随着不断学习和使用，它的参考价值会越来越高。Vue有八种生命周期方法：Beforecreate组件实例化之前的函数Created组件实例化完毕，但页面还没显示Beforemount组件挂载前，页面没有显示，但虚拟Dom已经配置Mounted组件挂载后，该方法执行后页面显示Beforeupdate组件更新前，页面未更新，但虚拟Dom已经配置U
liusongjing·2019-08-15 22:55

vue学习

VueCLI3.0介绍：https://cli.vuejs.org/zh/guide/VueCLI3.0配置参考https://cli.vuejs.org/zh/config/https://youzan.github.io/vant/#/zh-CNhub.com/shimiso/VueFrameWorkhttps://shimiso.github.io/VueFrameWork/dist/#/h
张孝国·2019-08-15 14:03

vue学习指南：第一篇 - vue的介绍

三大主流框架：1.Vue.js是目前最火的一个前端框架，react是最流行的前端框架(react除了开发网站，还可以开发手机app，Vue语法也是可以用于手机App开发的，需要借助于wexx)。2.Vue.js是前端主流框架之一，和angular和react一起并称为三大主流框架。3.Vue.js是构建用户界面的框架，只关注视图层(视图层只针对前端页面)，它不仅容易上手，还便于与第三方库或既有项目
硅谷之火·2019-08-13 10:00

Vue学习笔记_新手报错整理

报错：vue.js:634[Vuewarn]:Propertyormethod"w"isnotdefinedontheinstancebutreferencedduringrender.Makesurethatthispropertyisreactive,eitherinthedataoption,orforclass-basedcomponents,byinitializingtheproper
橙橙鲁·2019-08-12 14:36

vue学习 六 计算属性Computed的详解

计算属性：首先，我们得知道什么的计算属性，有什么用？看下面例子，不难看懂，我们给按钮事件让其能让a的值或b的值自增1，然后addToA方法和addToB方法就是将age的值和a相加。这时候就有一个问题，当我们直接在浏览器刷新的时候，我们事先写好的输出直接就显示出来了，而且是A和B都输出了，看console中的结果。而当我们点击一次“AddtoA”时，A的值增加1，而两个方法又一次同时执行了一遍，就
liusongjing·2019-08-12 00:22

vue学习 三 事件绑定v-on的使用

v-on：我的理解是绑定事件监听器，比如鼠标点击事件绑定，然后就可以写函数去做一些交互了如下：给点击事件click绑定，设置add有参方法后就可以让age在点击时自增一，再者就可以给双击事件dblclick绑定等等，所以v-on的作用就这样，v-on的缩写形式：效果一样增加一岁#canvas{width:600px;padding:200px20px;text-align:center;borde
liusongjing·2019-08-11 09:38

vue学习【二】vue结合axios动态引用echarts

大家好，我是一叶，本篇是vue学习的第二篇，本篇将要讲述vue结合axios动态引用echarts。
yyzhiqiu·2019-08-08 17:00

【vue学习】生命周期

马老师的VUE生命周期教程image.pngVue实例虽然没有完全遵循MVVM模型，但是Vue的设计也受到了它的启发。因此在文档中经常会使用vm(ViewModel的缩写)这个变量名表示Vue实例。一个Vue应用由一个通过newVue()创建的根Vue实例，以及可选的嵌套的、可复用的组件树组成。所有的Vue组件也都是Vue实例，并且接受相同的选项对象(一些根实例特有的选项除外)。每个Vue实例在被
前端菜篮子·2019-08-08 11:24

[Vue学习]Vue开发流程-移动端配置(使用px2rem)

在上一步创建好“webpack”模板项目后，需要修改一下项目配置src/app.vue设置首先是把src/app.vue中的logo去掉然后根据需要去除浏览器的一些默认样式src/main.js设置由于要做移动端开发适配,因此在main,js中导入rem转px函数公式,本人在src下新建了config目录,并在config目录下新建了rem.js文件导入rem.jssrc/config/rem.j
音无级鹦鹉螺号·2019-08-08 11:41

vue学习【番外篇】vue-cli脚手架的安装

大家好，我是一叶，今天和大家分享的是vue-cli脚手架的安装，关于vue-cli的优点，我就不赘述了。一、检查安装node安装vue-cli之前，先检查node是否安装。win+R，输入cmd打开命令面板，输入node-v进行查看，如图1所示。图1如果还没安装node的小伙伴，可以访问node安装地址：http://nodejs.cn/download/，如果不会安装，百度便可，因为他不是本文的
yyzhiqiu·2019-08-07 13:00

Vue学习笔记

学习Vue的一系列文章，主要是参考官方文档，同时结合自己的一点点心得体会整理而成有不足之处还请多多指正，下面先附上Vue的官方文档：教程：https://cn.vuejs.org/v2/guideAPI：https://cn.vuejs.org/v2/api/风格指南：https://cn.vuejs.org/v2/style-guide/Cookbook：https://cn.vuejs.org
wsmrzx的博客·2019-08-07 09:00

vue学习【一】vue引用封装echarts并展示多个echarts图表

大家好，我是一叶，经过一段时间对vue的学习，我打算把vue做一个系列，把踩过的坑和大家分享一下。现在开始第一章：vue引用并封装echarts在文章开始前，我先舔波echarts（真香）。阿里的G2和百度的echarts都是很不错的，echarts上手难度小，并且用户多，文档多，生态环境较好，所以中小项目的话echarts就是首选。加个题外话，我把G2、echarts都po出来，大家凭喜好选取。
yyzhiqiu·2019-08-05 11:00

Vue.js 数据绑定、指令、事件

JavaScriptvarapp=newVue({//element，用于指定页面中已经存在的DOM元素，挂载到DOM中，也可以是cssel:'#app',//可以声明应用内需要双向绑定的数据data:{message:'Vue
封燐·2019-08-05 03:03

Vue学习日记4

1.e2e解析：模拟用户行为的测试。2.vue关闭代码规范extrasemicolon解析：将config/index.js中的useEslint的值改成false。3.Vue常用指令解析：[1]v-text：用于更新绑定元素中的内容[2]v-html：用于更新绑定元素中的html内容[3]v-if：用于根据表达式的值的真假条件渲染元素[4]v-show：用于根据表达式的值的真假条件显示隐藏元素[
1000sprites·2019-08-04 10:12

vue-js获取input输入值---vue学习笔记

{{getStr}}获取varvm=newVue({el:'#app',data:{str:'初始值',getStr:null,},created:function(){//thecreatedhookiscalledaftertheinstanceiscreated},computed:{},methods:{btnClick:function(){this.getStr=this.str.to
秦浩雷·2019-08-01 21:52

vue学习笔记

(1)父子组件的使用：*父和子，使用的父组件，被用的是子组件*父需要引入子组件然后声明子组件import子组件对象from'./xxx.vue'----引入子组件.......在javascript中.....{components:{组件名称：子组件对象}}(2)全局组件的使用*在main.js中引入一次；----import组件对象from'./xxx.vue';*vue.component(
bzuld·2019-08-01 15:53

VUE学习笔记——基础

VUE学习笔记第一部分：基础知识vue的基本认识vue的基本使用模板语法计算属性和监视class与style绑定条件渲染列表渲染列表的搜索和排序事件处理表单事件的自动收集VUE的生命周期动画过滤器指令第一部分
喝啤酒的猫·2019-07-27 16:59

Vue真是太好了 壹万多字的Vue知识点 超详细!

️1⃣️、Vue和其他两大框架的区别Angular学习成本太高React代码可读性差Vue学习成本较低很容易上手传送门https://cn.vuejs.org/v2/guide/comparison.html️2⃣️
蓝海00·2019-07-25 14:08
上一页 46 47 48 49 50 51 52 53 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他