Vue2.0

Vue2.0自定义指令与实例的属性和方法

前言本文主要介绍自定义指令、生命周期、计算属性和实例的属性和方法如果有需要源代码，请猛戳源代码本文首发地址为GitHub博客,写文章不易，请多多支持与关注！一、自定义指令Vue自定义指令和组件一样存在着全局注册和局部注册两种方式。先来看看注册全局指令的方式，通过Vue.directive(id,[definition])方式注册全局指令，第二个参数可以是对象数据，也可以是一个指令函数。注：使用指令
weixin_34381666·2018-07-08 15:02

vue2.0基础知识点（一）

本文针对自己学习官方文档时，总结一些易容易混淆的知识点做一下记录。欢迎指正或学习交流。（一）常用基础知识点v-on:click=''、@click=''、:click=''三种写法；注意函数调用：直接使用双花括号调用函数是要使用函数名+括号，其他直接使用函数名即可，或使用函数名+括号（click事件中）注意传参的函数必须带括号，可以不带参数，不然会报错对象空值；v-if=''条件渲染与v-show
猿来独往·2018-07-07 21:54

vue2.0采坑 background-image 不显示

问题描述：笔者在用vue2.0+进行开发时，遇到图片显示不出来反复确认引入的背景图片路径也没错，然后图片就是显示不出来，也不知道怎么回事后经过自己。。。。，问题得到了解决.解决方案：1.在script代码块中采用require方式引入图片地址，代码块如下consturl=require("../assets/images/图片.jpg");2.在data里面设置一个返回值，代码块如下data(){
尝尽全世界的甜·2018-07-07 00:02

Vue2.0 搭建Vue+ webpack脚手架

介绍Vue.js是一套构建用户界面的渐进式框架，只关注页面视图，采用自底向上增量开发的设计。目的是尽可能简单的API实现响应的数据绑定和组合的视图组件。安装vue不支持IE8及以下版本，因为Vue使用了IE8无法模拟的ECMAScript5特性。但它支持所有兼容ECMAScript5的浏览器。node是必须的，需要先安装好node全局查询node-v：安装vuenpminstallvue安装vue
donyFeng6·2018-07-06 18:54

Vue 入门之网络请求

Vue2.0之后官方推荐使用axios来完成前端的网络请求，不再推荐使用vue-resource了。下面我们安装使用axios，来完成的常见的get，post请求。并解决常见的跨域问题。
weixin_33840661·2018-07-06 06:56

vue2.0 + element UI

vue2.0+elementUI项目笔记—–后台管理系统使用vue2.0做了好多项目，由于这段时间太太忙，都无暇整理笔记，呜呜~~~：项目结构api封装vue-routervuex父子组件通讯项目结构api
christalfuller·2018-07-04 17:17

Vue2.0中使用ES6

在学习Vue.js之前，我们首先要了解ES6，ECMAScript6(简称ES6)是JavaScript的语言标准。我是在Vue-cli脚手架上进行ES6的学习，Vue环境的搭建可以看我上一篇博客（小飞机）1.let与const命令需要注意的一点是：let只在当前所在的代码块有效。所以在for循环中我们一般用let命令2.数组在ES6之前，为变量赋值是这样的ES6后可以采用let[a,b]=[1,
冷小兮·2018-07-02 13:43

vue中的数据绑定原理的实现

当前学习源码为vue2.0源码关键目录src|---core||---instance||---init.js||---state.js||---observer||---dep.js||---watcher.js
holyZhengs·2018-07-02 09:40

Vue2.0 vue.set

Vue.set的作用就是在构造器外部操作构造器内部的数据、属性或者方法。比如在vue构造器内部定义了一个count为1的数据，我们在构造器外部定义了一个方法，要每次点击按钮给值加1.就需要用到Vue.set。一、引用构造器外部数据：什么是外部数据，就是不在Vue构造器里里的data处声明，而是在构造器外部声明，然后在data处引用就可以了。外部数据的加入让程序更加灵活，我们可以在外部获取任何想要的
cc蒲公英·2018-07-01 08:06

vue中的数据绑定原理

当前学习源码为vue2.0源码关键目录src|---core||---instance||---init.js||---state.js||---observer||---dep.j
holyZhengs·2018-06-30 00:00

使用vue打包时vendor文件过大或者是app.js文件很大的问题

第一次使用vue2.0开发，之前都是用的angular1.x。在使用vue-cli脚手架打包后（UI用的Element-ui），发现vendor文件很大，将近1M左右。。
wjw_Dream·2018-06-29 10:29

vue2.0使用v-for循环制作多级嵌套菜单栏

使用v-for循环生成一个多级嵌套菜单栏，只要你学会了这个方法，几乎所有的菜单栏都可以实现了。方法{{obj.title}}{{obj1.title}}{{obj2.title}}level-one{text-indent:1em;}level-two{text-indent:2em;}level-three{text-indent:3em;}bar1:[/*所有第一级菜单*/{title:'一级
Mr_Wiill·2018-06-25 14:38

Vue2.0 --- vue-cli脚手架中全局引入JQ

第一步：安装jQuerynpm/cmpn方式安装(默认安装1.7.X版本的JQ)npm/cnpminstalljQuery如果想安装更高版本的JQ那么可以选择在package.json文件下面这个位置添加代码断（当前图片安装的是2.2.3版本，如果想安装更高或者其他可以更改版本号）然后在命令行窗口中输入指令，即可完成安装npminstall第二步：更改webpack.base.conf.js文件在
Janfu·2018-06-22 17:00

Vue2.0史上最全入坑教程（上）—— 搭建Vue项目

原文链接：https://www.jianshu.com/p/1626b8643676ps:想了解更多vue相关知识请点击VUE学习目录汇总Vue作为前端三大框架之一截至到目前在github上以收获44,873颗星，足以说明其以悄然成为主流。16年10月Vue发布了2.x版本，经过了一段时间的摸索和看官方的教程和api，才了解到2.0版本在1.0版本的基础上做了好多调整，废弃了好多api。。。废话
面壁思过程·2018-06-22 12:42

在vue2.0中引用element-ui组件库的方法

在vue2.0中引用element-ui组件库element-ui是由饿了么团队开发的一套基于Vue2.0的桌面端组件库。
雨霖月寒·2018-06-21 14:50

在vue2.0中引用element-ui组件库

element-ui是由饿了么团队开发的一套基于Vue2.0的桌面端组件库。
雨霖月寒·2018-06-21 12:00

vue2.0项目实现路由跳转的方法详解

一、安装1、安装路由vue-router:npminstallvue-routervue项目的依赖文件node_modules存在vue-router依赖，说明安装成功2、vue项目引入vue-ruoter：二、应用1、路径配置（页面跳转）：方法一：如果切换的页面不多，可以直接在main.js文件内配置。方法二：如果切换的页面较多，可以建一个专门用于路由的js文件，里面配置路径。1）router.
Mr_Wiill·2018-06-21 11:31

vue2.0 之基本功-指令与生命周期钩子 （一些经验）

前言接触vue也有一年多的时间了，一直没有做记录。作为一个前端开发者，对我而言，vue是一个正确的选择。vue的易用性，渲染能力，开发文档等等，都比较友好。最近的一段时间也在做react。个人看法：对于框架，自己觉得顺手就行，使用框架就要尽可能发挥出框架的全部能量，html、JavaScript、css基本功要做好，这样任何js框架对你来说上手都很快。写这篇文章主要是巩固一些知识和记录开发中的一些
强子·2018-06-21 00:00

vue2.0知识点汇总

Vue简介数据流Vue实例对象vue常用指令class结合v-bind使用methods和v-on的使用v-on高级用法v-for的使用简单学生添加删除案例父子组件使用父传子父组件向自组件传递数据子组件向父组件通信vuebusvue高级vue过滤器获取DOM元素vue-router命名路由router-link参数传递列编程式导航列原生监听锚点值改变重定向和404多视图模式嵌套路由vue-reso
更好的自己520·2018-06-20 19:29

Vue2.0 探索之路——生命周期和钩子函数的一些理解

于是我开始先去搜索，发现vue2.0的生命周期没啥文章。大多是1.0的版本介绍。最后还
CXP_Owen·2018-06-20 14:48

Vue2.0 探索之路——生命周期和钩子函数的一些理解

于是我开始先去搜索，发现vue2.0的生命周期没啥文章。大多是1.0的版本介绍。最后还
CXP_Owen·2018-06-20 14:48

vue2.0脚手架

基本搭建环境基本搭建环境可以参考攻略,本篇文章主要是介绍项目基本搭建之后其他工具的搭建攻略。其他工具的搭建注意:搭建环境基于vue-cli2.x来搭建单页应用，本教程使用less，使用sass可自行修改使用less或者sassLESSnpminstalllessless-loader--save-devSASSnpminstallnode-sasssass-loader--save-dev在bui
余木·2018-06-20 00:00

Vue2.0 中使用Less

Vue2.0中使用Less第一步npm安装lessnpminstalllessless-loader--save第二步修改webpack.base.conf.js文件，配置loader加载依赖，让其支持外部的
BarcodeYu·2018-06-19 17:37

Vue2.0 弹窗方法之一（父子传输方法）

使用$emit实现子组件向父组件传输数值实现第一步在子组件children.vue,methods一个方法//html编辑//js编辑exportdefault{methods:{openwindow(){this.$emit('setting')//setting这个名字自己取,$emit(event,arg)console.log()}}第二步在父组件App.vue中编辑//js编辑expor
BarcodeYu·2018-06-19 17:06

从0开始，搭建Vue2.0的SSR服务端渲染

前言这篇教程主要通过3个项目，一步一步将ssr的原理及实现过程展现出来，供不知道如何开发vue服务端渲染的同学学习参考，另外也加深下自己的认识，文章有纰漏的地方，请大家多多指出。技术栈框架是vue(版本：2.5.16)，node上使用express框架，通过webpack和gulp进行打包操作我们为什么要使用服务的渲染？Document上面是一个典型的vue应用，从返回的html页面可以看到，页面
马来西亚著名摇滚歌王·2018-06-18 16:03

深入浅析Vue全局组件与局部组件的区别

-",data:"数据：18892087118"}}};2、组件注册Vue.component('father',FATHER);3、组件挂载全局组件14、组件实例vue2.0---局部组件与全局组件vue2.0
兵腾傲宇·2018-06-15 15:39

使用 Vue 2.0 实现服务端渲染的 HackerNews

使用Vue2.0实现服务端渲染的HackerNewsVue2.0支持服务端渲染(SSR)，并且是流式的，可以做组件级的缓存，这使得极速渲染成为可能。
学富五车·2018-06-15 14:00

vue 事件总线（ vue-bus）非父子组件传值

vue-bus一个Vue.js事件中心插件，同时支持Vue1.0和2.0原因Vue2.0重新梳理了事件系统，因为基于组件树结构的事件流方式实在是让人难以理解，并且在组件结构扩展的过程中会变得越来越脆弱。
Super_LD·2018-06-14 23:16

VS Code 远程连接Chrome 调试Vue2.0的项目

1.设置Chrome远程调试端口首先我们需要在远程调试打开的状态下启动Chrome,这样VSCode才能attach到Chrome上:Windows系统下：右键点击Chrome的快捷方式图标，选择属性在目标一栏，最后加上--remote-debugging-port=9222注意要用空格隔开2.VisualStuidoCode安装插件：搜索DebuggerforChrome并安装插件，安装完成后点
争风24·2018-06-14 14:47

vue2.0中router.push和router.repalce的区别

可以把路由router想象成一个访问记录的栈，router.replace()是替换掉栈顶，而router.push()则是向栈中再堆如一个新记录。一般情况下，要做前进后退的浏览记录管理的，基本上都是用router.push()，但是也是有一些特殊情况需要用到router.replace()。比如，有一个授权页，用户在按流程操作时，某一步需要授权，是直接跳到授权页，授权页提交授权请求，直到成功授权
西海岸匪徒·2018-06-14 12:50

Vue2学习视频

本课程为Vue2.0版本，Vue是渐进式JavaScript框架，并且易用、灵活和高效的。进两年Vue框架的使用是最多的了。从百度指数与微信指数中不难看到。
dearbaba_11·2018-06-13 14:03

vue2.0 mock数据(模拟数据)

这里是在vue2.0的vue-cli中模拟数据我们在根目录下新建文件夹mock，存放我们的数据goodList.json在build文件夹下的webpack.dev.config.js中：//引入各个文件
南张门·2018-06-12 11:38

vue2.0框架中引入element-ui css报错问题

首先正常安装引入elm-ui安装element-uicnpmielement-ui@XXX（@为固定版本，可以省略@xxx）建议固定vue和element-ui的版本，避免将来版本升级后产生冲突引入element-ui在app.vue引入element-ui，然后就可以在其他任何页面中使用了终端中输入以下指令安装依赖模块cnpminstallstyle-loader--save-devcnpmin
Nosaj·2018-06-11 17:41

VUE2.0 better-scroll封装滚动组件

本文主要介绍better-scroll组件的引入，以及封装组件的使用。还用到了父子组件的特性。better-scroll文档1.引入better-scroll打开packgae.json>dependencies建议better-scroll使用^0.1.15版本，不然轮播可能出一些小问题。"dependencies":{"better-scroll":"^0.1.15",}重启服务npminst
吴维炜·2018-06-11 09:59

Vue.js 中取得后台原生HTML字符串 原样显示问题的解决方法

但是之后构建发现报错：为此去官网上查了下资料，发现在vue2.0版本中，{{{}}}转换HTML的方式已经被废除，该版本中必须使用v-html标签进行转换，下面是具体的使用方法：{{htmlData}}
E神9527·2018-06-10 10:32

vue2.0实现音乐/视频播放进度条组件

基于vue2.0实现音乐/视频播放进度条组件的方法及代码解释，具体内容如下需求分析：①：进度条随着歌曲的播放延长，歌曲播放完时长度等于黑色总进度条长度；时间实时更新。
ECMAScripter·2018-06-06 14:54

Vue源码探究-构建版本的区别

Vue源码探究-构建版本的区别基于第三方性能评估工具Benchmark的测评结果可以看出Vue2.0版本在整体的性能上得到了大幅优化，即使与React和Angular最新版相比也相差无几。
喜欢唱歌的小狮子·2018-06-05 11:19

vue2.0 自定义组件的方法（vue组件的封装）

一、前言之前的博客聊过vue2.0和react的技术选型；聊过vue的axios封装和vuex使用。今天简单聊聊vue组件的封装。
Mr.聂·2018-06-05 08:44

1.Laravel5.4 + vue2.0 + vue-router + Element2.3 的搭建（2018.05.06）

1.请先安装Composer：windows下安装软件请见附件【Composer-Setup.zip】，解压安装即可。查看是否安装成功：composer--version2.安装Laravel：通过Composer的create-project命令来安装Laravel应用，blog为项目名称：composercreate-project--prefer-distlaravel/laravelblo
eighthroute·2018-06-03 15:50

Vue2.0 实现移动端图片上传功能

本文主要介绍VUE2.0图片上传功能的实现。原理是通过js控制和input标签的方式完成这一效果，无需加载其他组件。
吴维炜·2018-05-30 14:00

vue2.0学习之axios的封装与vuex介绍

一、前言博主也是vue道路上的行者，道行不深，希望自己的东西能对大家有所帮助。这篇博客针对了解过vue基础，但是没有做过vue项目的童鞋。如果想看基础指令，可以看我之前的一篇博客，请点击跳转，不过我还是建议看文档比较好。os:Vue文档是非常详细的二、准备做vue单页应用都需要会什么？1.vue的脚手架，直接帮你建好项目。再看看自己想要啥，补充啥！os:Git上有很多成品项目，可以找一个好点的拉下
Mr.聂·2018-05-28 10:08

vue2.0 饿了么学习笔记（16）rating组件的开发

首先编写ratings，要用到betterScroll并添加样式：和good组件一样，我们要固定视口的高度，所以将其定位绝对定位，top为header组件的高度.ratingspositionabsolutetop174pxbottom0left0width100%overflowhidden接下来编写overview部分，左边是综合评分，右边是star组件+商品评分+送达时间,下边是左侧部分的样
qq_22317389·2018-05-26 10:31

vue2.0拖拽排序js用dragstart、drop、dragover来实现

*{padding:0;margin:0;}.box{width:60%;height:auto;margin:50pxauto0;}ulli{position:relative;padding:10px0;border:1pxsolid#000000;text-align:center;list-style:none;}{{item.num}}--{{item.txt}}varapp=newVu
m_uncle·2018-05-25 18:22

使用element-ui的常见问题

在Vue2.0中，为自定义组件绑定原生事件必须使用.native修饰符：ClickMe从易用性的角度出发，我们对Button组件进行了处理，使它可以监听click事件：ClickMe但是对于其他组件，还是需要添加
weixin_30823001·2018-05-25 11:00

vue1.0和vue2.0的区别

一、生命周期钩子的差别vue1.0的生命周期如下：vue2.0的生命周期如下：用一张表格来做对比：二、代码片段在vue1.0中可以在template编写时出现：第一行第二行在vue2.0中在template
challenge_impossible·2018-05-23 15:00

VUE2.0中Jsonp的使用方法

本文主要介绍的是在VUE2.0Jsonp的使用方法，通过github引入jsonp和promise封装，实现跨域获取数据。1.JSONP的用途和原理使用JSONP主要是目的通过动态创建Script，动态拼接url，进而抓取数据，实现跨域。确切地说，AJAX请求由于同源影响，是不允许进行跨域请求的，而Script标签src属性中的链接却可以访问跨域的js脚本，利用这一特性，服务端不再返回JSON格式
吴维炜·2018-05-22 14:59

vue 基本语法写的一个小demo

在公众号学习实现的需要下载一个vue2.0的js,即可代码如下：例子demo.edit{display:block;width:80%;height:35px;line-height:35px;margin
Jackson_ji·2018-05-22 14:05

vue2.0 实现导航守卫（路由守卫）

路由跳转前做一些验证，比如登录验证，是网站中的普遍需求。对此，vue-route提供的beforeRouteUpdate可以方便地实现导航守卫（navigation-guards）。导航守卫（navigation-guards）这个名字，听起来怪怪的，但既然官方文档是这样翻译的，就姑且这么叫吧。贴上文档地址：https://router.vuejs.org/zh-cn/advanced/navig
阿龙丶along·2018-05-21 09:58

Vue2.0图片上传及图片压缩自定义H5图片上传组件

先上效果图效果如下压缩质量还不错，4.37M到550k压缩率更是达到了87%，这省了不少流量和服务器硬盘啊，哈哈1.组件html定义了图片上传增加按钮，将原有的input标签样式进行了更改，图片显示也进行样式更改，利用vue2.0
AndCo·2018-05-20 19:27

使用vux点击事件无效

在Vue2.0中，为自定义组件绑定原生事件必须使用.native修饰符：组件里使用@click事件不生效，要用@click.native正常的像divinput则直接@click就可以（MintUI同理
芒果大饼·2018-05-17 17:51
上一页 57 58 59 60 61 62 63 64 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他