#vue学习

千锋重庆web前端技术分享之前端VSCode常用插件

因为有些插件会到vue学习的时候引起冲突，所以这里千锋重庆HTML5培训机构的老师介绍几个常用的插件。
重庆千锋·2023-02-28 06:32

VUE学习笔记一（创建项目与axios）

一、利用vue-cli创建项目（推荐）：1.安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html)2.基于node.js,利用淘宝npm镜像安装相关依赖在cmd里直接输入：npminstall-gcnpm--registry=https://registry.npm.taobao.org，回车，等待安装...3.安装全局v
青城墨阕·2023-02-17 22:26

vue学习01-vue-cli安装

1.安装node.js1.png2.安装vue-cli国内淘宝的镜像:$npminstall-gcnpm--registry=https://registry.npm.taobao.org安装脚手架：$cnpminstallvue-cli-g查看版本号：$vue-V2.png3.新建项目$vueinitwebpack[projectname]Projectname(demo01)：-----项目名
栗子daisy·2023-02-17 11:04

d6-d7-d8vue基础知识学习【官网】

vue学习CDN一.Vue实例1.1创建一个Vue实例每一个Vue应用都是通过Vue函数创建一个新的Vue实例开始的varvm=newVue({//选项})vmViewModel之缩写一个Vue应用由一个通过
坚持日更的路上·2023-02-17 07:30

vue学习

[TOC]vue是一个轻量级的mvvm框架数据驱动+组件化的前端开发模板newVue({el:'#app',data:{},methods:{//定义方法},components:{//定义组件},computed:{//带缓存}})观察者计算属性:依赖变量额值没有发生变化,是不会重新执行该方法的,所依赖的变量值发生变化前,不管执行多少次这个函数,函数内部都只执行一次,调用函数所得到的值是缓存值数
MEET_b283·2023-02-06 12:09

mpvue学习记录

环境安装node.js下载地址：https://nodejs.org/en/download/cmdnode--version-npmsetregistryhttps://registry.npm.taobao.org/-npminstallvue-cli-g微信开发者工具VisualStudioCode+Vetur第一个小程序-vueinitmpvue/mpvue-quickstartfirst
GH_12d8·2023-02-06 08:31

VUE学习(二)、计算属性vs侦听属性——基于案例的对比

VUE学习（二）、计算属性vs侦听属性——基于案例的对比一、姓名案例——计算属性1、插值语法实现姓：名：全名：{{firstName}}--{{lastName}}Vue.config.productionTip
心醉瑶瑾前·2023-02-03 11:18

Vue学习笔记之组件传值

前言在Vue开发过程中总会遇到组件之间传值的问题，这里总结一下现在学习到的组件之间的传值方法。组件传值个人感觉可以分为两种:父子组件之间传值兄弟组件之间传值组件传值个人感觉的方法有以下几种:props传参事件传递事件监听消息发布与订阅EventBus传参正文父子组件传值父组件传值给子组件实现父组件传值给子组件，可以使用props向下传递数据给子组件。大体思路方法就是：在子组件中声明prop（Pro
Kity_Pei·2023-02-03 05:32

Vue学习笔记（一）Vue开发环境搭建

此处介绍的是windows7系统64位下vue开发环境搭建，个人搭建成功后用于记录或小白参考，望各位纠正！一、安装node.js(https://nodejs.org/en/download/)1.打开node.js官网，选择适合自己的版本并下载。（本人这里是win764bit系统,下载的是node-v10.15.0-x64.msi）下载node.js2.双击安装包，进行安装安装node.js1.
CloudClient·2023-02-03 04:57

vue学习记录第三天2

没全部看完，我是菜鸡动态绑定样式和class方法相同,但是需要使用驼峰命名对象方法:style="{backgroundColor:'red',color:'pink'}"数组:style="[sty1,sty2,{color:'pink'}]"路由实现单页开发的方式history浏览器自带的历史管理方法historyhistory.pushState('','','/d')设置状态，需要服务端支
大白熊_8133·2023-02-02 12:46

Vue学习笔记

MVVMModel-View-ViewModule通过listener和bind实现双向绑定SPA单页应用singlepagewebapplication通过url中的#（类似于锚点）来实现路由转换，不刷新页面。我们可以用如下代码修改成history模式(当前为Hash模式)：importVuefrom'vue'importRouterfrom'vue-router'importMainfrom'
旸云·2023-01-31 23:48

少侠请重新来过 - Vue学习笔记(一) - Vue是什么

vue.js是什么vue.js是一套用于构建用户界面的渐进式框架，vue采用自底而上的增量开发设计。vue的目标是通过尽可能简单的API实现响应的数据绑定和组合视图组件。他提供了现代开发常用的高级功能：解耦视图和数据可复用的组件前端路由状态管理虚拟dom(VirtualDOM)MVVM模式MVVM(Model-View-ViewModel)模式由MVC模式衍生而来，当View发生变化时会自动更新到
我永远喜欢结城明日奈·2023-01-31 19:24

Vue学习笔记[14]-vue-router使用动态路由&路由懒加载

动态路由在某些情况下，一个页面的path可能是不固定的例如/user/1561361这时候可以使用:to="''"动态路由：创建user的vue组件可通过$route.params.userID来获取url中的参数user:{{userID}}exportdefault{name:'User',computed:{userID(){returnthis.$route.params.userID}}
神楽花菜·2023-01-31 00:15

vue学习笔记 element-plus 分页显示英文问题

表格和分页提示都显示英文解决办法1.0.2-beta.59之前在main.js中，importlocalefrom"element-plus/lib/locale/lang/zh-cn";createApp(App).use(ElementPlus,{locale})运行结果1.0.2-beta.59及之后版本（目前到1.0.2-beta.70）ConfigProvider在main.js中，im
xjcwzp·2023-01-30 04:00

vue学习笔记--监视数据变换

对于输入框等数据变化时进行监视，变化后执行对应的操作。自带方法使用自带事件的方式或者绑定vue的函数watchwatch可以监视data中数据的变化，触发这里的函数+=varvm=newVue({el:'#app',data:{firstname:"",lastname:"",fullname:""},methods:{},watch:{firstname:function(newValue,ol
watson_pillow·2023-01-30 04:51

Vue学习笔记

vue简介什么是Vue框架Vue是一套用于构建用户界面的渐进式框架，与其他大型框架相比，Vue被设计为可以自底向上逐层应用Vue的优势主要有哪些轻量级、双向数据绑定、指令、插件Vue、Angular和React三大前端框架的区别Angular不支持组件化，而Vue和React都支持组件化开发只有Vue支持双向数据绑定三大框架都不支持低端浏览器VisualStudioCode编辑器的特点是什么轻巧极
秋༦·2023-01-30 04:47

vue学习笔记 （vue在idea的结构，idea中执行npm命令和配置环境变量，element-ui安装和使用，avue的安装与使用）

1、idea中vue基本使用：刚开始用idea做vue时，在网上找了一些博客，发现都只教到idea中vue的安装和配置。像我这种萌新，创建完vue项目后可能会一脸懵，我连写代码的入口都不知道在哪。还有各个文件中变量的传递和对应关系也搞不明白，尴尬。于是乎，我把项目中的文件翻了一下，终于看到点眉目了。下面来理一下结构，主要想记录一下，以便以后换环境能马上适应和配置上。vue项目的目录结构：尝试着在里
我肚子好饿·2023-01-30 04:15

vue学习回顾第三天

Vue组件组件(Component)是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。所有的Vue组件同时也都是Vue的实例，所以可接受相同的选项对象(除了一些根级特有的选项)并提供相同的生命周期钩子。组件的创建Title方式3通过模板模板的另一种使用方式//注意：1.模板template中只能有一个根节点;2.组件的名字，如果采用驼峰命令的话，在使用的时候，就要加上“-
xinhongwu·2023-01-28 00:20

Vue学习---项目创建

一、项目创建与启动1.项目创建1)cd本地目录：cd/Users/xxxx/Desktop/2)创建项目test-demo:vuecreatetest-demo2.启动项目1）进入test-demo项目文件夹:cd/Users/xxxx/Desktop/test-demo2）运行项目npmrundev或npmrunserve二、项目的运行1.index.html（项目的运行入口）主要是提供一个di
婼熙之名·2023-01-26 16:38

Vue3.0学习笔记

Vue学习笔记Vue3.0Vue3快速上手1.Vue3简介2.Vue3带来了什么1.性能的提升2.源码的升级3.拥抱TypeScript4.新的特性1、创建Vue3.0工程1.1使用vue-cli创建1.2
muzi187·2023-01-18 14:50

前端实习——Vue学习笔记(一)

一、Vue介绍1.什么是框架框架，framework,是能够让程序开发人员更好的专注于业务逻辑的开发，而无需关心底层功能的实现2.什么是vue框架vue是一个渐进式JavaScript框架国人自己开发的框架，作者是尤雨溪官网：cn.vuejs.org入门简单手册详细生态圈活跃vue两大核心：数据驱动页面、组件化3.vue框架学习内容vue、vue-cli脚手架、vue-router路由、ui库、样
是吱吱·2023-01-16 07:02

Vue学习第8天——生命周期函数

目录一、生命周期函数图二、对生命周期进行类比三、生命周期三个阶段1、初始化阶段2、更新数据3、销毁实例四、代码演示1、初始化页面时2、点击更新数据时3、点击销毁实例4、细节五、总结1、两个重要钩子2、关于销毁Vue实例六、进阶教程1、el配置项2、template与html的优先级七、路由组件独有的2个生命周期函数1、作用2、具体钩子3、用法一、生命周期函数图将Vue官网的图进行详解说明，了解生命
离奇6厘米·2023-01-16 07:59

Vue学习第12天——分析vue混入(mixin)的使用方法

一、基础概念mixin官方定义混入(mixin)提供了一种非常灵活的方式，来分发Vue组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。理解将多个组件共用的配置提取成一个混入对象，哪个组件需要用到这些配置时，直接将提取出来的这部分混入（mixin）到组件内部即可优点减少代码冗余度，方便后期更好的维护（mixin相当于组件
离奇6厘米·2023-01-16 07:59

Vue学习-异步组件

文章目录前言一、异步组件的简介二、使用异步组件的好处三、访问路径案例1.使用@/直接条到根目录src下2.要访问public目录下的文件四、异步加载组件案例总结前言在大型应用中，我们可能需要将应用分割成小一些的代码块，并且只在需要的时候才从服务器加载一个模块。一、异步组件的简介所谓的异步组件就是通过import或者require导入的vue组件。例如：constcomponentA=import(
Crystal莘·2023-01-14 09:13

vue学习

这里写目录标题Vue2介绍vue单向数据流数据双向绑定v-modelvue数据响应式vue2vue3数据驱动视图——MVVMMVC原理vue渲染过程$mount：挂载定义好的模板Vnode：虚拟dom，用js去描述一个dompath：虚拟dom的核心，可以把vnode渲染成真实dom，diff算法虚拟domdiff算法vue2使用script引入使用差值绑定逻辑v-if,v-else-if,v-e
西瓜味白桃汽水·2023-01-14 06:13

vue学习3--计算属性，监视属性等

1.计算属性data中的数据任何一个数据一旦发生变化，模板就会重新解析，方法用到变化的数据，方法也会重新调用一次。对于vue来说，data中的数据即是属性1.定义：要用的属性不存在，要通过已有的属性计算得来；2.原理：底层借助了Object.defineproperty方法提供getter和setter；3.get函数什么时候执行？（1）初次读取时候会执行一次（2）当依赖的数据发生改变时会被再次调
珊珊来迟ou·2023-01-09 06:42

vue学习（5）vue高阶slot插槽使用

1、v-slot，slot-scope和slotvue2.6更新后推出v-slot来代替之前的slot-scope和slot使用子组件：child.vue这是子组件exportdefault{data(){return{list:[1,2,3]}}}父组件:老版使用方式：slot-scope和slot的具名插槽作用域{{item}}新版使用方式：v-slot的具名插槽作用域{{item}}其实大家
林大大哟·2023-01-07 20:47

Vue好难理解怎么办？

Vue学习笔记分享给你，希望对你有些帮助，另外推荐2个安装VScode中的Vue插件Vue3SnippetsVue3Snippets-VisualStudioMarketplace这个插件包含了所有的Vue.js2
测试小扎·2023-01-07 07:58

Vue学习笔记(六) 长乐未央

例子仍然来自MdnWebDocs，加上了我自己的理解。长乐未央，长毋相忘。某种意义上算是MDNwebdocs中Vue教程的翻译，但又加上了自己的理解。地址是:https://developer.mozilla.org...进化:编辑组件现在我们的组件仍然不太完美，因为它不能编辑，输错了，就输错了。对此我们的解决方案是引入一个编辑组件。还是固定的步骤，首先在src/components下建立一个文件
·2023-01-02 15:14

Vue学习笔记(五) 长乐无极

下一篇是长乐未央，其实是我记错了，将长乐未央、长毋相忘，记成了长乐无极，长乐未央。在汉代，长乐未央和长毋相忘，是两句常用的祝福语，意思是长久快乐，永远不要忘记对方。后面的主线就是通过一些例子来介绍Vue的一些常用概念。当前这个例子依然来自mdnwebdocs。加上了我自己的理解。进化:组件列表书接上回(有种章回体的感觉了，哈哈)，上回我们构建了一个待办组件，并借助props来实现父子组件之间进行通
·2023-01-01 19:07

Vue学习笔记(五) 长乐无极

下一篇是长乐未央，其实是我记错了，将长乐未央、长毋相忘，记成了长乐无极，长乐未央。在汉代，长乐未央和长毋相忘，是两句常用的祝福语，意思是长久快乐，永远不要忘记对方。后面的主线就是通过一些例子来介绍Vue的一些常用概念。当前这个例子依然来自mdnwebdocs。加上了我自己的理解。进化:组件列表书接上回(有种章回体的感觉了，哈哈)，上回我们构建了一个待办组件，并借助props来实现父子组件之间进行通
·2023-01-01 19:36

Vue学习笔记(四) 久处不厌

《Vue学习笔记(一)初遇篇》介绍Vue的源起以及Vue的基本示例,《Vue学习笔记(二)相识篇》对《Vue学习笔记(一)初遇篇》进行重构，重新组织了《Vue学习笔记(一)初遇篇》的内
·2023-01-01 19:06

Vue学习笔记

文章目录第1章：Vue入门1.1Vue简介1.1.1官网1.1.2介绍描述1.1.3Vue的特点1.1.4与其它前端JS框架的关联1.1.5.Vue扩展插件1.2Vue的基本使用1.2.1编码1.2.1.理解Vue的MVVM1.3模板语法1.3.1模板的理解1.3.2双大括号表达式1.3.3指令一:强制数据绑定1.3.4指令二:绑定事件监听1.4计算属性和监视1.4.1computed计算属性1.
fmk1023·2022-12-30 07:41

开源框架RuoYi-Vue学习之集成redis/集成验证码

1.请参见项目代码地址文章目录一.集成redis二.验证码功能(图形验证码/数学验证码)三.使用postman测试验证码四.存在的问题:使用redis工具查看为二进制数据，对开发者不友好4.1注意4.2解决方法-->配置序列化器4.3再次使用postman验证一.集成redis1.在common模块中添加redis依赖以及池连接工厂。在common中编写redis工具类RedisCache。org
mashirro·2022-12-24 19:42

Vue学习笔记---------Vue核心（二）

Vue脚手架配置代理方法一在vue.config.js中添加如下配置：devServer:{proxy:"http://localhost:5000"}说明：优点：配置简单，请求资源时直接发给前端（8080）即可。缺点：不能配置多个代理，不能灵活的控制请求是否走代理。工作方式：若按照上述配置代理，当请求了前端不存在的资源时，那么该请求会转发给服务器（优先匹配前端资源）方法二编写vue.config
神秘的帅哥·2022-12-23 21:28

Vue 学习笔记 -- 1 Vue 核心

Vue学习笔记–1Vue核心1.Vue核心1.1Vue简介动态构建用户界面的渐进式JavaScript框架。借鉴Angular的模板和数据绑定技术。借鉴React的组件化和虚拟DOM技术。
lingchen1642·2022-12-23 21:58

vue学习记录

Vue中学习遇到的问题生命周期钩子函数注意beforeUpdate/updated钩子是指视图发生变化时执行（初始渲染时不会执行），而不是组件中响应式数据发生变化时，换而言之就是如果一个组件中的响应式数据并没有在视图中渲染，那么即便该数据发生变化时，也不会执行该钩子函数。更准确来讲是发生在虚拟DOM打补丁前/后。setup()中可以对同一个生命周期钩子多次注册，从而获得多个回调exportdefa
奈何桥边摆地摊·2022-12-22 23:14

vue学习记录

Vue中学习遇到的问题生命周期钩子函数注意beforeUpdate/updated钩子是指视图发生变化时执行（初始渲染时不会执行），而不是组件中响应式数据发生变化时，换而言之就是如果一个组件中的响应式数据并没有在视图中渲染，那么即便该数据发生变化时，也不会执行该钩子函数。更准确来讲是发生在虚拟DOM打补丁前/后。setup()中可以对同一个生命周期钩子多次注册，从而获得多个回调exportdefa
奈何桥边摆地摊·2022-12-22 23:14

【Vue实践】尚硅谷张天禹Vue学习笔记(087-135)-20221212~20221218

（任意组件通信）084-086_全局事件总线全局事件总线SOP086_TodoList案例_事件总线src/mian.js:importVuefrom'vue'importAppfrom'./App.vue'Vue.config.productionTip=falsenewVue({el:"#app",render:h=>h(App),beforeCreate(){Vue.prototype.$b
i see the future·2022-12-20 20:27

【Vue实践】尚硅谷张天禹Vue学习笔记(更新至第86课)-20221126~20221212

004_尚硅谷Vue技术_搭建Vue开发环境搭建Vue.jsdevtools允许访问文件网址https://blog.csdn.net/sunhl951/article/details/80185628阻止vue在启动时生成生产提示。Vue.config.productionTip=false目测没有用https://blog.csdn.net/DIUDIUjiang/article/detail
i see the future·2022-12-20 20:25

Vue父子组件传值的三种方法

ref总结提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档前言例如：Vue的学习是路阻且艰的，这是一个系列文章，帮助vue的新手可以快速上路，创建的自己的项目，该系列文章主要讲解作者在vue
·2022-12-20 15:11

Vue学习笔记07 vue-router 简单路由-多级路由-路由传参-路由守卫-路由懒加载

文章目录Vue学习笔记07路由概述基本路由注意点嵌套路由路由的重定向redirect配置路由传参路由的query参数路由命名name路由的params参数路由的props配置router-link的replace
nuise_·2022-12-16 07:09

Vue学习简记（十三）路由2--多级路由及相关参数和配置

Vue学习简记（十三）路由3.多级路由（多级路由）4.路由的query参数5.命名路由6.路由的params参数7.路由的props配置8.
Sonder,·2022-12-16 07:09

Electron-Vue学习篇—1、electron-vue项目打包后打开新窗口空白

一、场景描述在本地运行electron-vue项目时，打开新窗口有显示内容，但经过打包之后，重复同样的操作，新窗口空白，打开DeveloperTools，提示"DevToolswasdisconnectedfromthepage"二、解决思路出现"DevToolswasdisconnectedfromthepage"的提示，说明该页面没有被找到，那就是页面的路径配置错误1、查看路由配置，采用的是h
互联网切图仔·2022-12-14 16:00

让我们来聊聊前端的工程化

前端发展浅谈让我们回忆一下前端系列的文章:Vue学习笔记(一)初遇Node.js教程(一)基本概念与基本使用Vue学习笔记(二)相识篇Vue学习笔记(三)甚欢篇JavaScript学习笔记(一)promise
·2022-12-14 14:33

Vue学习：事件补充总结

1、事件修饰符的连写例如：阻止冒泡+默认事件（组合使用）具有先后关系点我提示信息2、按键多个键盘的控制
️花·2022-12-13 08:41

Vue学习：键盘事件

input表单占位符-显示输入先的提示文本-placeholder属性键盘事件@keydown——按下不需要松手@keyup：按下+松手根据按键编码进行判断--输出event上有一个属性-keyCode-按键编码--回车=13newVue({el:'#root',methods:{showInfo(e){if(e.keyCode!==13)returnconsole.log(e.target.va
️花·2022-12-13 08:40

Vue学习：事件修饰符

当使用连接点击，触发默认事件时，会出现跳转，跳转是默认行为，可以取消欢迎页面，你好{{name}}点我提示信息newVue({el:'#root',data:{name:'Amy',},methods:{showInfo(event){//可以接受参数吗//阻止默认行为event.preventDefault();alert('nih');}}});在vue中，使用简洁方式直接在事件后面加.pre
️花·2022-12-13 08:40

Vue学习：Vue中的数据代理

学校名称：{{name}}学校地址：{{adress}}constvm=newVue({el:'#root',data:{name:'Jhon',adress:'street10'},});vm上有我们加上的属性，可以看到有...，经过前面的学习我们知道是通过Object.defineProperty的get和set读和改的这就是数据代理，通过name读的是data的name,改的也是data的n
️花·2022-12-13 08:47

Vue 学习笔记11：Echarts-vue项目

Vue学习笔记11：Echarts-vue项目一、基础1.基本使用2.使用场景二、进阶1.显示相关2.动画的使用3.交互API三、后端1.初始化Koa2.Koa快速上手3.配置服务端四、前端1.初始化Vue2
iFulling·2022-12-12 21:49
上一页 13 14 15 16 17 18 19 20 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他