Vue2.0

《图解Vue3.0》- 第6节 模板语法 - 自定义指令

注意，在Vue2.0中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通DOM元素进行底层操作，这时候就会用到自定义指令。
张中华·2023-09-13 09:53

Vue2.0入门之实例化Vue对象

1.新建index.html并以CDN形式引入Vue。2.新建index.js实例化一个Vue对象。index.js内容如下:newVue({el:'#vue',//el:element(元素)需要挂载的元素,也是html的根容器元素data:{//存储数据'key':'value'},methods:{//存储方法//没有参数sayHello(){return'HelloWorld!'},//有
66be37b2096c·2023-09-12 21:36

【vue3.0 】vue 3.0 入门学习笔记

npminstall-g@vue/cli以下安装方式是错误的:npminstall-gvuenpminstall-gvue-cli安装成功后，我们即可使用vue命令，测试方法：vue-V1.2初始化vue项目使用vue2.0
itlu·2023-09-12 21:53

vue中el-checkbox-group无法选中

但是不会触发视图更新例如定义了temp对象在操作过程中又新增了b属性data(){return{temp:{a:''}}}//直接赋值不会触发视图更新this.temp.b=24可以新增属性，但是不会触发视图更新vue2.0
HH_KELE·2023-09-12 19:43

Vue2.0源码学习2：模板编译和DOM渲染

开始上一节总结了Vue的响应式数据原理，下面总结一下Vue中模板编译。模板编译情景众多，复杂多变，现在只学习了普通标签的解析，编译，未能对组件，指令，事件等多种情况进行深入学习总结。模板编译基本流程解析模板代码生成AST语法树，主要依赖正则。image将ast语法树生成代码。with(this){return_c("div",{id:"app"},_c("div",{class:"content"
泰然自若_750f·2023-09-11 22:46

【Vue2.0源码学习】生命周期篇-初始化阶段(initState)

文章目录1.前言2.initState函数分析3.初始化props3.1规范化数据3.2initProps函数分析3.3validateProp函数分析3.4getPropDefaultValue函数分析3.5assertProp函数分析4.初始化methods5.初始化data6.初始化computed6.1回顾用法6.2initComputed函数分析6.3defineComputed函数分析
itpeilibo·2023-09-11 13:19

Vue从了解到清晰-Vue2.0中使用vue-jsonp解决跨域问题（看看这篇就够了）

1、执行命令：npminstallvue-jsonp--save2、src/main.js中添加：importVueJsonpfrom'vue-jsonp'Vue.use(VueJsonp)3、其它组件中基本使用方法：this.$jsonp(rootApi+'/company/Info'',传参参数对象{}).then(json=>{//返回数据json，返回的数据就是json格式}).catch
zoomlaCMS·2023-09-11 04:31

vue2.0 使用可选链操作符

一、介绍ES6中js的常用运算符ES6中js的运算符（?.、?:、??、??=、），讲的很详细1、空值合并操作符（??）空值合并操作符（??）是一个逻辑操作符，当左侧的操作数为null或者undefined时，返回其右侧操作数，否则返回左侧操作数constvalA=null??"默认值";//默认值1空值合并操作符（??）与逻辑或操作符（||）不同，逻辑或操作符会在左侧操作数为假值时返回右侧操作数
·2023-09-11 03:51

web前端: vue通过指令(directives)实现点击空白处收起下拉框

这里我们通过vue2.0中的自定义指令来简单实现。
长肉肉呱·2023-09-10 07:21

2019-11-28如何在网页里面直接引用vue3.0

本人不喜欢用各种脚手架写代码,之前vue2.0,也是直接引入到网页,直接写,目前vue3.0好像已经有人用了,但是不晓得怎么直接在vue里面引入,大佬们知道,可以留言,以后我知道了,也会更新次文章,求指教
nodejs哈哈哈·2023-09-09 18:24

如何将当前地理位置（省份、城市）渲染到页面？（百度地图API）

效果样式直接先上组件：（后有详细报错，及解决方法）1、打开vue根目录的indet.html文件,将script标签插入：（AK值的获取后有有详细教程）2、vue2.0在build/webpack.base.config.js
cnailili·2023-09-09 12:09

Vue2.0中消除警告方法：eslint-plugin-vuefix

消除vue2.0版本中的警告方法：①package.json文件中：（更改lint字段）"lint":"eslint--fix--ext.js,.vuesrc",②.eslintrc.js文件中：（更改
cnailili·2023-09-09 12:39

vue3.0实现jsoneditor组件

踩了很多坑最后写出来了，需要props里加属性自己加，css部分也是很关键的内容引用后可以在父组件用class设置height很多处理的灵感来源于vue2.0项目vue-json-editor的代码，原项目代码还是写的很精彩的安装命令
AlenHY·2023-09-07 20:35

Vue2.0 使用 echarts

目录1.配置+渲染2.数据渲染1.配置+渲染安装echarts依赖npminstallecharts-Smain.js，引入echartsimport*asechartsfrom'echarts'//在import的后面，echarts的前面加一个*asVue.prototype.$echarts=echarts从echarts官网直接复制一个案例，放到data里面，如图：template中定义一
364.99°·2023-09-07 15:39

vue2.0 用qrcode生成二维码

下载qrcode包npminstallqrcode--save封装组件importQRCodefrom'qrcode';exportdefault{name:'qrcode',data(){return{date:{url:"error",canvasId:"canvasId",},}},components:{QRCode:QRCode},methods:{useqrcode(date){thi
WH_6196·2023-09-06 15:51

为什么vue页面不显示

后来发现element是因为要使用vue2.0使用vue3.0没有用2.所以后来重新创建了一个使用vue2.0的将原来的代码复制到现在的项目里面3.之后就能显示了。
钓愚者·2023-09-06 04:29

vue2.0与3.0对比以及vue3.0 API变化入门

接下来会结合vue2.0和3.0的异同点进行介绍一、入手第一步1.首先利用cli3脚手架工具对项目进行初始化，为了将2个vue版本进行对比我初始化了2个项目,分别给文件夹命名为vue2.0和vue3.0
俗人彭jin·2023-09-05 14:55

Vue2.0 搭建Vue脚手架（vue-cli）

第一步：安装node.js从node官网下载并安装node，安装步骤很简单，只要一路“next”就可以了。我们所需要的npm包管理器，是集成在node中的，所以，直接输入npm-v就会如下图所示，显示出npm的版本信息安装完成后，打开命令行工具输入命令node-v，如下图，如果出现对应版本号，就说明安装成功了到这里node的环境已经安装完了,npm包管理工具也有了，但是由于npm的有些资源被墙，为
春风拂过谁·2023-09-05 13:40

VUE3.0

Treeshakingsupport：按需编译,体积比Vue2.x更小(Vue2大量API挂载到Vue原型上，难以实现TreeShaking)CompositionAPI:组合API(类似ReactHooks)vue2.0
金刚狼_3e31·2023-09-05 06:30

【Vue2.0源码学习】生命周期篇-初始化阶段(initEvents)

文章目录1.前言2.解析事件3.initEvents函数分析4.总结1.前言本篇文章介绍生命周期初始化阶段所调用的第二个初始化函数——initEvents。从函数名字上来看，这个初始化函数是初始化实例的事件系统。我们知道，在Vue中，当我们在父组件中使用子组件时可以给子组件上注册一些事件，这些事件即包括使用v-on或@注册的自定义事件，也包括注册的浏览器原生事件（需要加.native修饰符），如下
itpeilibo·2023-09-05 05:02

【Vue2.0源码学习】生命周期篇-初始化阶段(initInjections)

文章目录1.前言2.initInjections函数分析resolveInject函数分析3.总结1.前言本篇文章介绍生命周期初始化阶段所调用的第四个初始化函数——initInjections。从函数名字上来看，该函数是用来初始化实例中的inject选项的。说到inject选项，那必然离不开provide选项，这两个选项都是成对出现的，它们的作用是：允许一个祖先组件向其所有子孙后代注入一个依赖，不
itpeilibo·2023-09-05 05:30

vue2.0获取鼠标位置

#canvas{width:500px;height:500px;text-align:center;line-height:500px;border:1pxsolid#E5E5E5;margin:0auto;margin-top:100px;}{{x}}{{y}}newVue({el:'#app',data:{x:0,y:0},methods:{updateXY:function(event){
Hi毛哥哥·2023-09-04 18:36

vue2.0题目

1.v-show和v-if的区别v-show通过cssdisplay控制显示和隐藏v-if组件真正的渲染和销毁,而不是显示和隐藏频繁的切换使用v-show为何在v-for中用key必须使用key,切不能是index和randomdiff算法中通过tag和key来判断,是否是saneNode减少渲染次数,提升渲染性能vue的生命周期单组件生命周期父子组件生命周期加载渲染过程父beforeCreate
JennyGao66·2023-09-04 15:31

VUE3.0 路由跳转之后页面停留在上一个浏览页面位置不会回到顶部问题

方式一：普通用法，vue2.0也可用//一般方式路由拦截exportdefault{//组件守护器beforeRouteEnter(to,from,next){//A跳转到B，B页面停留在A页面的滚动位置
前端_七月·2023-09-04 06:10

代码敲慢一点，学得会快一点

昨晚有个小伙伴在微信上问我，大意是：自己刚刚培训学习出来，想继续学习，正好看到我的《vue2.0教程》简单易懂，就按照我的demo敲一遍。
一个敲代码的前端妹子·2023-09-03 09:14

html使用antd vue,antd适合vue使用吗,antd vue pro

操作环境：windows7系统，vue2.0版本，戴尔G3电脑。antdesign的vue版本——ant-design-vue介绍Ant-design-Vu
藏浪读书·2023-09-03 07:41

html使用antd vue,antd适合vue使用吗

本文操作环境：windows7系统、vue2.0版本、DellG3电脑。antdesign的vue版本——ant-design-vue介绍ant-design-vue是蚂蚁金服AntDesign官
weixin_39785150·2023-09-03 07:41

Vue2.0/Vue3.0使用xlsx+xlsx-style实现导出Excel文件

一、依赖导入1、Vue2+Webpack构建的npmixlsxnpmixlsx-stylenpmifile-saver同时修改以下：解决Can’tresolve‘./cptable’in‘…’的问题，在vue.config.js文件中加入该配置module.exports={externals:{'./cptable':'varcptable'}}2、Vue3+Vite构建的npmixlsxnpm
m0_38004177·2023-09-02 09:11

Vue页面Demo

Vue.js，试着写了一个demo，如下;准备工作：需要引入的js和css库有：1、vue.js主要是学习，所以引入了这个js库，实际运行时应该使用vue.min.js2、axios.js主要作用是网络请求，vue2.0
weixin_34087307·2023-09-02 00:38

工作中axios的二次封装与要点备忘

自Vue2.0起，尤大宣布取消对vue-resource的官方推荐，转而推荐axios。现在axios已经成为大部分Vue开发者的首选。
·2023-09-01 18:32

vue3.0刷新当前组件nextTick

前言：在vue2.0我们想刷新一个组件的话是可以在data里面定义一个变量，然后methods里面直接this.
浩星·2023-09-01 16:59

vue3.0中改变router为hash或者history

前言:在这里我们分析总结下vue2.0和vue3.0改变router为hash或者history的方法。
浩星·2023-09-01 16:28

vue 专题 vue2.0各大前端移动端ui框架组件展示

Vue专题一个数据驱动的组件，为现代化的Web界面而生。具有可扩展的数据绑定机制，原生对象即模型，简洁明了的API组件化UI构建多个轻量库搭配使用请访问链接:https://www.awesomes.cn/subject/vue#%E5%BA%94%E7%94%A8-%E6%A1%86%E6%9E%B6UI组件开发框架实用库服务端辅助工具应用实例Demo示例UI组件element★13489-饿了
weixin_30323961·2023-09-01 10:00

uni-app app端.m3u8类型流的播放

1.开发环境：HBuilderX3.8.7、uni-app、vue2.0、view2.0、uni-ui2.实现通过web-view嵌入H5页面，进行视频流自动播放。
Ciao_Traveler·2023-08-31 09:51

Vue2.0 的响应式原理 私

原理：通过数据劫持defineProperty+发布订阅者模式，当vue实例初始化后observer会针对实例中的data中的每一个属性进行劫持并通过defineProperty()设置值后在get()中向发布者添加该属性的订阅者，使用的Object.defineProperty()重新定义对象，给data的每个属性都添加了getter和setter方法。在get的时候会调用dep.depend;
Until2028·2023-08-31 08:41

vue移动端的真机测试

Vue2.0    在package.json文件里加入--host0.0.0.0，需要重新运行npmrundev{"name":"","version":"1.0.0","description":"
半度℃温热·2023-08-30 23:03

vue2.0的生命周期和钩子函数深度解析

生命周期图解生命周期的钩子函数（vue1.0-vue2.0）vue1.0+vue2.0DescriptioninitbeforeCreate组件实例刚被创建，组件属性计算之前，如data属性等createdcreated组件实例创建完成，属性已绑定，但DOM还未生成，$el属性还不存在beforeCompilebeforeMount模板编译/挂载之前compiledmounted模板编译/挂载之后
半度℃温热·2023-08-30 23:32

vue中两种history和hash模式的使用

vue2.0中的history和hash模式    1.history模式importVuefrom'vue';importRouterfrom'vue-router';Vue.use(Router);
半度℃温热·2023-08-30 23:02

vue3.0和2.0的区别

Vue-cli3.0于兼容性不是很好，命令有不少变化，不是特别的乐观vue3.0的发布与vue2.0相比，优势主要体现在：更快、更小、更易维护、更易于原生、让开发者更轻松；更快1、virtualDOM完全重写
SY·2023-08-29 05:12

vue2.0 + element-ui 实战项目-实现一个简单的轮播图（六）

自从用饿了么框架重构项目以来，遇到很多问题，我都有一一记录下来，现在特喜欢这个框架，说实话，如果你是用了vue这个技术栈的话，一定要用饿了么的pc端框架哦，遇到问题的时候在网上百度一下，就能找到解决方案，还有很多社区可以讨论，社区文档都比较成熟，很容易上手~~Github地址：https://github.com/ElemeFE/elementVue2.0官方网站：http://caibaojia
祈澈菇凉·2023-08-28 20:03

Vue脚手架中安装ElementUi

ElementUi:测试是否引入成功：Element-ui官网：组件|ElementElementUi简介：ElementUi，是由国内的饿了么团队开发并开源的一套为开发者、设计师和产品经理准备的基于Vue2.0
爱敲代码的小林·2023-08-28 10:19

与 Element UI 一见如故

初见ElementUI是一套采用Vue2.0作为基础框架实现的组件库，一套为开发者、设计师和产品经理准备的基于Vue2.0的组件库，提供了配套设计资源，帮助网站快速成型。
辽A丶孙悟空·2023-08-27 14:50

vue2.0之v-model

随表单控件类型不同而不同components修饰符.lazy-取代input监听change事件.number-输入字符串转为数字.trim-输入首尾空格过滤
何心猿意马·2023-08-27 04:50

axios和fetch区别与使用

后来产生的jq把ajax进行封装，根本上解决了兼容性问题，但还没有解决异步回调地狱的问题，最后官方直接封装fetch方法，不需要直接导入库直接使用（fetch=XMLHttpRequest+promise）Vue2.0
晗草Alone·2023-08-26 15:27

[uniapp] 多端开发时技术选型的一些坑

真是一步一坑啊uView不支持vue3，但在社区中找到了份同时支持Vue3.0和Vue2.0的uView，但测试后最终已失败告终vant3的vue版本不兼容微信小程序uniapp创建的vue2项目，不能引入
Voices_·2023-08-26 14:00

vue2.0和1.0的区别

vue2.0跟1.0差别：（总体变化不大）1.关于过滤器：2.0移除了自带过滤器，但是保留了自定义过滤器的功能。
M_JavaScript·2023-08-26 01:49

Vue简单实现自定义拖拽

注意，在Vue2.0中，代码复用和抽象的
香梨炒虾米·2023-08-25 18:49

vue2.0与vue1.0中的区别1

vue2.0与vue1.0中的区别1：每个组件模板中不在支持片段代码在vue1.0中的模板template中可以分开书写片段代码例：在vue2.0中需要使用div将片段代码包裹起来例：vue2.0与vue1.0
beat_3e68·2023-08-25 03:17

vue2.0学习02之vuex

上次学习了vue-router的使用，让我能够在各个页面间切换，将页面搭建了起来。这次则要学习vue的状态管理模式——vuex。注：本文只是个人对vuex学习的一些理解，要深刻掌握还需要认真查阅官方文档。一、基本介绍Vuex是一个专为Vue.js的SPA单页组件化应用程序开发的状态管理模式插件。由于VueSPA应用的模块化，每个组件都有它各自的数据(state)、界面(view)、和方法(acti
神秘者007·2023-08-24 04:56

Vue3 setup 在渲染函数中通过ref访问Dom元素

Vue3.0中新增了CompositionAPI,在使用h函数渲染vnode时，如果需要使用ref,和vue2.0中有所不同。
废柴前端·2023-08-23 09:27
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他