vue2.0

Vue2.0源码解析 - 知其然知其所以然之Vue.use

前言小伙伴们大家好。用过Vue的小伙伴都知道，在我们进行Vue开发时，避免不了会使用一些第三方的库，比如说ElementUI组件库。当我们导入好这些组件库后会执行一个Vue.use函数，然后把导进来的组件库作为参数传给该函数。这样就可以在任何页面中都可以随意的使用组件库中的各种组件了。如果不去执行Vue.use函数，那么即使组件库被导进来，那么内部的组件还是无法使用的。小伙伴们有没有想过这是为什么
一笑程序猴·2021-10-12 15:11

vue 200+知识点

vue2.0不再支持v-html中使用过滤器了怎么办？怎么解决vue打包后静态
·2021-10-12 11:28

25.记录Vue2.0项目打包部署开发环境开启https证书访问

1，利用express-generator生成器生成一个骨架，项目扔在里面运行执行$npminstallexpress-generator-g进行安装执行$expressvue_demo（vue_demo是项目名）生成结构图2，npmrunbuild打包项目，生成的dist目录下的所有文件复制到刚刚vue_demo的public文件夹里面接下来就是修改访问端口和证书放置及使用。进入vue_demo
饿了么配送员·2021-10-10 10:27

vue一些基础知识

一、vue2.0/3.0双向数据绑定的实现原理vue2.0ES5：Object.definePropertyDocument姓名:letobj={name:''}letnewObj=JSON.parse
·2021-10-05 19:20

web面试题

列举JavaScript的基本数据类型和引用数据类型Vue2.0的生命周期有哪些？分别解释其意思详述组件
小程要谦虚·2021-09-28 22:50

Vue源码解读（五）：render和VNode

Vue2.0相比Vue1.0最大的升级就是利用了虚拟DOM。在Vue1.0中视图的更新是纯响应式的。
明么·2021-09-28 09:14

Vue3封装 Message消息提示实例函数详解

目录Vue3封装消息提示实例函数样式布局封装message.vue功能实现message.js注册自定义指令使用：总结Vue3封装消息提示实例函数Vue2.0使用Vue.prototype.
·2021-09-24 11:56

Vue3封装 Message消息提示实例函数

Vue3封装消息提示实例函数实现效果Vue2.0使用Vue.prototype.
run-Ameng·2021-09-23 22:13

一文带你了解vue3.0响应式

reactivecreateReactiveObject创建响应式对象mutableHandlers处理函数get函数get函数的的调用时机track收集依赖set函数trigger分发依赖get和副作用渲染函数关联副作用渲染函数的执行过滤结尾我们知道Vue2.0
·2021-09-15 16:28

vue2.0/3.0中provide和inject的用法示例

目录1、provide/inject有什么用？2、provide/inject使用方式具体用法：vue3.0用法总结1、provide/inject有什么用？常用的父子组件通信方式都是父组件绑定要传递给子组件的数据，子组件通过props属性接收，一旦组件层级变多时，采用这种方式一级一级传递值非常麻烦，而且代码可读性不高，不便后期维护。vue提供了provide和inject帮助我们解决多层次嵌套嵌
·2021-09-13 19:22

Vue使用百度地图实现城市定位

本文实例为大家分享了Vue使用百度地图实现城市定位的具体代码，供大家参考，具体内容如下Vue项目运行环境：Vue2.0，VueCli3.0步骤一：登录百度地图开放平台在控制台---->应用管理---->
·2021-09-08 17:41

总结Vue Element UI使用中遇到的问题

label采用拼接的方式四、el-dialog父子组件传值，关闭el-dialog时报错五、el-form-item的label自定义六、el-input使用clearable清除内容时触发校验提示基于vue2.0
·2021-08-31 19:07

揭开Vue3.0 setup函数的神秘面纱

当然为了和Vue2.0兼容，也可以继续使用Option函数。先提出两个个问题：setup函数的执行时机是什么？setup函数的返回结果为何与模板的渲染建立联系的？
chonglingliu·2021-08-26 09:56

vue-router浅析

的路由管理插件，使用了很长时间vue，今天把vue-router的官网教程从头到尾复习了一遍，回头对照之前做的项目发现很多问题都可以通过路由去解决，同时也发现任何一样东西细研究起来内容都不少，以下记录一下复习心得vue2.0
晚饭总吃撑·2021-08-20 09:41

Vue表单设计器的终极解决方案

VForm是一个基于Vue2.0和ElementUI的高级表单组件，定位为前端开发人员提供快速搭建表单、实现表单交互和数据收集的功能。
·2021-08-09 19:44

利用js实现Vue2.0中数据的双向绑定功能

Object.defineProperty了解语法：Object.defineProperty(obj,prop,descriptor)obj要定义属性的对象。prop要定义或修改的属性的名称descriptor要定义或修改的属性描述符obj和prop很好理解比如我们定义一个变量为consto={name:'xbhog'}其中obj指的就是o,prop指的就是o.name下面我们主要看看descr
·2021-08-04 14:52

vue2.0 watch里面的 deep和immediate用法说明

deep，默认值是false，代表是否深度监听。immediate:true代表如果在wacth里声明了之后，就会立即先去执行里面的handler方法，如果为false就跟我们以前的效果一样，不会在绑定的时候就执行。computed:{btnObj(){const{sign_img,check}=thisreturn{sign_img,check}}},watch:{btnObj:{handler
·2021-08-03 13:08

Elementui Tree 树形控件删除功能

vue-element-admin一个基于vue2.0和Eelement的控制面板UI框架，这是使用vue技术栈开发的前端程序员的首选管理系统模板，模板以及非常的成熟了，并且有相关的社区和维护人员，开发时候遇到问题也不要慌
祈澈菇凉·2021-07-27 18:59

DatePicker 日期选择器，获取系统默认当前年月日

vue-element-admin一个基于vue2.0和Eelement的控制面板UI框架，这是使用vue技术栈开发的前端程序员的首选管理系统模板，模板以及非常的成熟了，并且有相关的社区和维护人员，开发时候遇到问题也不要慌
祈澈菇凉·2021-07-24 23:54

自定义radio选择样式

基于vue2.0进行编写，未使用框架，仅引入了vue.js。
E1son·2021-07-23 10:43

Vue2.0 源码分析笔记（五）抽象组件

在初始化的时候，initlifecycle中有这样一段代码//定义parent，它引用当前实例的父组件letparent=options.parent//如果当前实例有父组件，且当前实例不是抽象的if(parent&&!options.abstract){//使用while循环查找第一个非抽象的父组件while(parent.$options.abstract&&parent.$parent){p
若年·2021-07-20 10:35

vue3.0的变化及与2.0的区别

1.生命周期的变化：3.x(上）2.x（下）不难看出，vue3.0与vue2.0之间生命周期函数在销毁的时候有变化：beforeDestroy-->beforeUnmountdestroyed-->unmounted
木子石@·2021-07-12 16:01

再聊移动端页面的适配_Layout, 布局, mobile, CSS 教程_w3cplus2018-08-29

vue2.0项目中使用postcss需要遇到的插件：postcss-loaderpostcss-loaderSugarSS（https://github.com/postcss/sugarss）cssmodule
zoepasserby_·2021-06-27 15:46

vue2.0学习-方法轮子（持续佛系更新）

排序方法sort（）在使用时附加方法，解决类似于这样的排序bug：23,3,35functionsortNumber(a,b){returna-b}即使用时是：sort（sortNumber）原生的对象形式的数组排序方法//数组对象方法排序:functionsortByKey(array,key){returnarray.sort(function(a,b){varx=a[key];vary=b[
余生社会·2021-06-27 09:21

vue2.0源码解读 - 监听属性 watch

侦听属性的初始化也是发生在Vue的实例初始化阶段的initState函数中，在computed初始化之后，执行了：if(opts.watch&&opts.watch!==nativeWatch){initWatch(vm,opts.watch)}functioninitWatch(vm:Component,watch:Object){for(constkeyinwatch){consthandle
小马嗒·2021-06-27 00:30

vue 1.0和vue 2.0的变化和区别

一.在每个组件模板，不在支持片段代码vue1.0是我是组件我是加粗标签vue2.0是:必须有根元素,包裹住所有的代码我是组件我是加粗标签相当于Vue.extend()};对比局部注册：vue1.0varChild
玄月府的小妖在debug·2021-06-27 00:48

vue2.0 入坑

其实不是第一次入坑，之前入过一次。后来由于后台开发任务和工作上的琐事又来了。这次的目的很明确，游戏开发中需要用到vue-electron。所以，vue不得不捡起来。首先，项目中的package.json配置如下"dependencies":{"vue":"^2.1.10","vue-electron":"^1.0.6","vue-resource":"^1.0.3","vue-router":"^
薪人王·2021-06-26 16:01

说说Vue2.0和Vue3.0有什么区别

1.重构响应式系统，使用Proxy替换Object.defineProperty，使用Proxy优势：•可直接监听数组类型的数据变化•监听的目标为对象本身，不需要像Object.defineProperty一样遍历每个属性，有一定的性能提升•可拦截apply、ownKeys、has等13种方法，而Object.defineProperty不行•直接实现对象属性的新增/删除2.新增Compositi
来了啊小老弟·2021-06-26 14:44

vue2.0 vue-video-player 直播hls 回放mp4

前言这两天在写跟视频有关的内容。要支持播放mp4和直播流。网上大都推荐vue-video-player，所以也用了这个。可是中间遇到了很多问题印象最深的是这个：直播流引用videojs-contrib-hls后控制台一直报错EventTargetundefinedhls直播流报错CODE:4MEDIA_ERR_SRC_NOT_SUPPORTED然后，参考了大神的这个例子vue-video-play
hsqin·2021-06-26 01:37

vue2.0源码解读 - 计算属性computed

计算属性VS侦听属性Vue的组件对象支持了计算属性computed和侦听属性watch2个选项，很多同学不了解什么时候该用computed什么时候该用watch。先不回答这个问题，我们接下来从源码实现的角度来分析它们两者有什么区别。computed计算属性的初始化是发生在Vue实例初始化阶段的initState函数中，执行了if(opts.computed)initComputed(vm,opts
小马嗒·2021-06-25 23:16

vue3.0的基础语法

首先我们安装vue3.0以上的脚手架全局cnpminstall@vue/cli-init-g//兼容vue2.0的也可以下创建项目vuecreate项目名此时打开你的package.json文件，看里面的
物是人非dhr·2021-06-25 00:45

Vue2.0学习笔记之其他内部指令（8）

一、v-pre指令在模板中跳过vue的编译，直接输出原始值。就是在标签中加入v-pre就不会输出vue中的data值了。{{msg}}image.png二、v-cloak指令在vue渲染完指定的整个DOM后才进行显示。它必须和CSS样式一起使用，渲染完成之后才显示三、v-once指令在第一次DOM时进行渲染，之后不会再渲染，data里面的值再改变，这个也不会改变{{msg}}{{msg}}imag
小囧兔·2021-06-24 21:20

换肤方案二: vue2.0官方实现

演示地址:https://elementui.github.io/theme-chalk-preview/#/zh-CN原理:elementui2.0版本之后是基于scss实现的,所有到颜色都是通过变量进行定义,所以我们可以通过修改变量来达到动态换肤的目的.代码:1.换肤组件:ThemePickerconstversion=require('element-ui/package.json').ve
会飞的大象·2021-06-24 10:21

vue2.0的三种常用传值方式，并且如何实现？

父传子:在父组件中定义一个属性,在子组件中利用props来接收子传父:在子组件中利用$emit来触发一个自定义事件,在父组件中用$on来接收自定义事件传来的值非父子:先创建一个共同的组件,在组件1里面定义$emit来发送数据,在组件2里面定义$on来接收数据详情链接:http://bbs.daxiangclass.com/?thread-320.htm
叮叮当1016·2021-06-23 23:50

Kossel 升级记 - 混乱之始

自《Vue2.0实践揭秘》出版后已经很多天没有写博了，很多朋友都关心哥最近干嘛去了。那从今天起就用一个系列的文字讲讲我最近“闭关”的所得吧。
梁睿坤·2021-06-23 21:02

vue2.0新变化

http://www.cnblogs.com/beidan/p/vue.html一些问题的总结如：2.判断是否登陆等VUE2.0不可忽视的很多变化在网上找的资料，然后自己在升级2.0真的是很蛋疼，越来越不好用啦
shawnr·2021-06-22 16:44

Vue2.0路由进阶，为什么要学习导航守卫？

我们在每学一项新知识的时候，首先我们得至少这项知识有什么用，能为我们解决什么问题。对吧？导航守卫，也称路由守卫怎么理解这个名词呢？官方解释：vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。简单来说，就是路由跳转时我们要进行的操作举个栗子，比如登录跳转我们在登录跳转之前必须先做登录验证在我们没有登陆之前，我们当然不能跳转到某个路由对象以下内容是我结合官方文档总结出来的↓↓↓路
爱讲鸡汤的油腻大叔·2021-06-22 15:36

这次，彻底弄清js的继承方式

别的不说，读一读vue2.0的源码，class继承有他的局限性，不利于代码的分层和模块的拆分，基于原型链去拓展方法可以很好地拆分功能模块，极大的提高代码的复用性。
web_柚子小记·2021-06-21 19:53

vue2.0响应式原理分析

什么是MVVMMVVM是是Model-View-ViewModel的缩写，Model代表数据模型，定义数据操作的业务逻辑，View代表视图层，负责将数据模型渲染到页面上，ViewModel通过双向绑定把View和Model进行同步交互，不需要手动操作DOM的一种设计思想。MVVM的实现过程需要observe的数据对象进行递归遍历，包括子属性对象的属性，都加上setter和getter这样的话，给这
Mr无愧于心·2021-06-21 01:14

vue2.0中的$router 和 $route的区别

最近在学习vue的单页面应用开发，需要vue全家桶，其中用到了VueRouter，在路由的设置和跳转中遇到了两个对象route，有些傻傻分不清，后来自己结合网上的博客和自己本地的Vuedevtools结构了解了他们的区别1.router是VueRouter的一个对象，通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象，这个对象中是一个全局的对象，他包
独行侠_ef93·2021-06-19 10:45

Vue2.0的Diff算法

Vue2.0加入了VirtualDom，Vue的Diff位于patch.js文件中，该算法来源于snabbdom，复杂度为O(n)React的Diff其实和Vue的Diff大同小异，只比较同层级节点，不会跨层级比较
hellomyshadow·2021-06-18 22:28

基于vue2实现多级联动选择器

基于vue2.0实现的级联选择器基于Vue的级联选择器，可以单项，二级，三级级联，多级级联web开发中我们经常会遇到级联选择器的问题，尤其是在表单中,无外乎几种情况：单个级联(下拉选择框，单选)单个级联
mujiaxiansheng·2021-06-15 03:09

Vue2.0 $router和$route的区别

使用Vue2.0router过程中，会对route会有混淆，现做笔记记录一、$routerVueRouter对象router.push方法，//字符串this.router.push({path:'home'})//命名的路由this.router.push({path:'detail',query:{did:'123'}})push方法其实和是等同的。注意：push方法的跳转会向history栈
IAm夏花花·2021-06-14 10:40

vue爬坑之路（二）：关于vue axios的使用

在vue2.0以上版本不在支持vue-resource因此推荐使用axios一、使用npm安装axiosnpminstallaxios--save-dev二、在main.js中加入以下代码importaxiosfrom'axios'Vue.prototype
淡淡紫色·2021-06-14 01:50

vue2.0引入本地json文件一直报404错误

404错误.png项目目录.png似曾相识的错误，尝试过放到src目录下，尝试了放到根目录下（现在就是在根目录下）这个文件目录怎么调换都是报错。解决：静态资源要放到static文件夹里！！！项目目录1.pngjs代码exportdefault{name:'home',data(){//存放数据return{}},//生命周期-挂载完成（可以访问DOM元素）mounted(){this.showDa
大胡子111·2021-06-13 22:24

vue基于element-ui如何自定义主题？

element-ui，是一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库，它的默认主题是蓝色，但是你使用时主题需要是红色系，绿色系该怎么办呢？
小鱼的大白话·2021-06-11 05:39

简单粗暴地解释数据劫持

Vue2.0的版本所使用的数据劫持，说白了就是通过Object.defineProperty()来劫持对象属性的setter和getter操作，在数据变动时做你想要做的事情——ES6专题—Proxy与数据劫持
Camilia_yang·2021-06-10 23:19

vue-cli构建vue项目

vue-cli构建vue项目参考资料:Vue2.0新手完全填坑攻略—从环境搭建到发布1.Node.js安装https://nodejs.org/en/download/2.安装vue-clinpminstall-gvue-cli3
雷德望·2021-06-10 11:47

Vue2.0 Vuex初始化及歌手数据的配置 | 音乐 WebApp （七）

Unsplash本次的系列博文的知识点讲解和代码，主要是来自于黄轶在慕课网的Vue2.0高级实战-开发移动端音乐WebApp课程，由个人总结并编写，其代码及知识点部分，均有所更改和删减，关于更多Vue2.0
Nian糕·2021-06-10 08:47

Vue#2.0__（阶段二）

Vue2.0生命周期beforeCreate()组件实例刚刚被创建created()实例已经创建完成beforeMount()模板编译之前mounted()模板编译完成beforeUpdate()组件更新之前
林立镇·2021-06-09 20:24
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他