vue学习

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

vue获取路由历史_vue学习之路-vueRouter

学习vueRouter的思路：首先wiki一下路由是什么，看看基础概念，然后找一些不懂的名词学习然后使用最基础的html实现一下路由最后再看vuerouter的官方文档，学习使用方法目录路由是什么、三种路由-hash三种路由-history三种路由-memoryvueRouter的使用方法路由是什么从百度百科中了解到，路由是一个分发请求的对象路由器，是一种硬件设备，我们不需要了解路由表，这个我们需
老犯讲电影·2022-12-09 14:07

2019年博客地址汇总

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

VUE学习(十九)、Github用户搜索案例

VUE学习(十九)、Github用户搜索案例演示项目文件1、main.js//引入VueimportVuefrom'vue'//引入AppimportAppfrom'.
心醉瑶瑾前·2022-12-05 18:25

Vue学习记录8，vue脚手架配置代理的两种方式，Github搜索案例，vue-resource，三种插槽，Vuex及搭建Vuex环境，getter和四个map方法的使用， 模块化+命名空间

目录vue脚手架配置代理方法一方法二Github搜索案例UserList.vueUserSearch.vue效果图vue-resource插槽默认插槽具名插槽作用域插槽Vuex概念何时使用？搭建vuex环境基本使用getters的使用四个map方法的使用模块化+命名空间vue脚手架配置代理方法一在vue.config.js中添加如下配置：devServer:{proxy:"http://local
小婵婵不怕鬼·2022-12-05 18:25

Vue学习笔记（四）基于Vue2的学生信息增删查案例 | Vuex组件简介、工作原理 | Vuex的三层结构——store负责响应组件、mutations负责操作数据、state负责存储数据

文章目录一、参考资料二、运行环境三、Vuex@3插件3.1状态管理模式3.2Vuex核心概念和API3.2.1[state](https://v3.vuex.vuejs.org/zh/guide/state.html#state)3.2.3[actions](https://v3.vuex.vuejs.org/zh/guide/actions.html#action)3.2.4[mutations
尤Ni·2022-12-05 17:50

19vue学习_组件的模板分离写法

模板分离开来，看起来不乱1.模板分离写法1，script标签，类型必须是text/x-template2.模板分离写法2，推荐，使用template标签Title-hellovuejs我是标题这是内容，模板分离写法1，script标签我是标题2这是内容，模板分离写法2，使用template标签//1.通过语法糖创建全局组件,模板分离写法1//注意，使用了tab键上面的反斜杠``，因而可以换行定义V
chencaw·2022-12-03 17:31

vue学习-增删改查

cd/projectFloderyarnserve文章目录前言一、axios自定义二、vue使用element-ui1.引入库2.main.js配置三、增删改查总结前言1、axios配置、封装。2、加载使用element-ui3、增删改查示例一、axios自定义代码如下（vue.config.js）：constproxyObj={}proxyObj['/']={target:'http://loc
aresblank·2022-12-03 14:39

vue学习记录，webstorm自动打开浏览器

package.json中添加“vue”:{“devServer”:{“port”:8888,//端口设置“open”:true}}
雪球 ·2022-12-02 21:13

Vue学习笔记

#笔记##脚手架结构:|————node_modules|————public||——favicon.ico:页签图标||——index.html:主页面|————src||——assets:存放静态资源|||___logo.png||__component:存放组件|||___HelloWorld.vue||__App.vue:汇总所有组件||__main.js:入口文件|————.gitign
seed！·2022-11-27 12:38

vue学习笔记

文章目录前言一、Vue的基本使用1.初识Vue2.Vue模板语法插值语法{{xxx}}`指令语法`3.数据绑定`v-bind`and`v-model`单向绑定(v-bind)双向绑定(v-model)备注4.el与data的两种写法el的2种写法data的2种写法一个重要的原则5.MVVM模型MVVM模型解释观察发现6.数据代理`getter``setter`Vue中的数据代理Vue中数据代理的好
爱打篮球的鸡·2022-11-27 12:37

前端vue学习笔记汇总

脚手架：创建项目：vuecreate项目名字install：添加，直接在cmd编辑器内写：npminstall-g@vue/cli这里的-g代表全局的，加了后以后其他项目也可以用，如果不加就只能当前项目用vue插件：vue引入所有插件都需要注册，语法是Vue.use(插件名)import注意：在vue脚手架开发中如果前面不加路径就默认从核心模块引入，所以写路径前面要加./这个点斜杠代表当前目录下。
接口写好了吗·2022-11-27 12:55

Vue学习笔记（3）

目录第一章：使用Vue脚手架1.1初始化脚手架1.1.1说明1.1.2具体步骤1.1.3项目模板结构1.1.4案例1.2有关render函数1.3修改默认配置第二章：refs与props2.1refs2.2props第三章：mixins混入第四章：插件第五章：scoped样式第六章：自定义事件6.1使用6.2解绑自定义事件6.3一个注意点6.4总结第七章：全局事件总线（GlobalEventBus
忘れな草と永遠の加藤惠·2022-11-27 12:55

Vue学习笔记-vuex的基本使用

Vuex1、概念在vue中实现集中式状态（数据）管理一个Vue的插件，对vue应用中多个组件的共享状态进行集中式管理(读/写)，也是一种组件间通信方式，且适用于任意组件间通信2、搭建vuex环境1、创建文件：src/store/index.js//该文件用于创建vuex中最为核心的storeimportVuefrom'vue'//引入vueximportVuexfrom'vuex'//应用Vuex
少你三行代码·2022-11-27 12:53

Vue学习笔记(七)

Vue学习笔记(七)文章目录Vue学习笔记(七)1.0Vue组件（单文件组件）1.1单文件开发的写法1.2Vue脚手架的使用1.2.1第一步1.2.2第二步1.2.3第三步1.2.4第四步1.2.5第五步
芙如东海·2022-11-27 12:52

Vue学习笔记汇总（进阶）

脚手架文件结构├──node_modules├──public│├──favicon.ico:页签图标│└──index.html:主页面├──src│├──assets:存放静态资源││└──logo.png││──component:存放组件││└──HelloWorld.vue││──App.vue:汇总所有组件││──main.js:入口文件├──.gitignore:git版本管制忽略的
仗剑辶天涯·2022-11-27 12:44

Vue学习笔记汇总（基础）

一、初识Vue：1.想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象；2.root容器里的代码依然符合html规范，只不过混入了一些特殊的Vue语法；3.root容器里的代码被称为【Vue模板】；4.Vue实例和容器是一一对应的；5.真实开发中只有一个Vue实例，并且会配合着组件一起使用；6.{{xxx}}中的xxx要写js表达式，且xxx可以自动读取到data中的所有属性；7.一旦
仗剑辶天涯·2022-11-27 12:13

vue学习笔记汇总

01-vue初体验01-HelloVueJs02-Vue列表的展示（v-for）03-Vue案例-计数器Mustache及储存模板02-插值的操作v-once与v-html与v-text与v-pre与v-cloak03-动态绑定属性v-bind的基本使用v-bind动态绑定class对象语法v-bind动态绑定class数组语法？？？？？第一个作业：遍历列表，默认第一个元素显示为红色，其他的元素点
usrname为username·2022-11-27 12:30

Vue学习笔记 —— 选项卡案例（基于Vue.js）

选项卡案例（基于vue.js）使用v-for,v-on,v-bind,v-model完成需求如下：把数据渲染到页面利用v-for将数据循环渲染到页面上给每一个tab栏添加事件选中的tab栏，更改背景颜色，其他未选中的不变让tab栏显示对应的div（图片）实现添加tab栏和div（图片）功能点击添加时需要判断，id、名称是否为空，为空给出对应的提示当没有填写图片路径时，给默认的图片路径添加完成，清空
莫非C·2022-11-25 11:40

尚硅谷前端框架——Vue学习笔记

第1章：Vue核心1.1.Vue简介1.1.1.官网英文官网:https://vuejs.org/中文官网:https://cn.vuejs.org/1.1.2.介绍与描述动态构建用户界面的渐进式JavaScript框架作者:尤雨溪1.1.3.Vue的特点遵循MVVM模式编码简洁，体积小，运行效率高，适合移动/PC端开发3。它本身只关注UI，也可以引入其它第三方库开发项目。1.1.4.与其它JS框
研一童鞋努力学习前端中·2022-11-25 07:13

Vue学习笔记总结（未完）

一、初始Vue动态构建用户界面的渐进式JavaScript框架英文官网中文官网1.1创建Vue实例想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象；{{xxx}}中的xxx要写js表达式，且xxx可以自动读取到data中的所有属性；一旦data中的数据发生改变，那么页面中用到该数据的地方也会自动更新；注意区分：js表达式和js代码(语句)1.表达式：一个表达式会产生一个值，可以放在任
Nobita__·2022-11-25 07:40

vue 2 + 3 笔记总结

Vue学习1vue核心1.1什么是vue？Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。
soul g·2022-11-25 07:07

Vue学习：Vue中的路由详解（完整版）

一、vue-router的理解首先，需要理解一下vue-router：vue-router是vue的一个插件，专门用来实现SPA应用。SPA也就是单页Web应用，特点是：整个应用只有一个完整的页面，点击页面中的导航链接不会刷新页面，只会做页面的局部更新，数据需要通过ajax请求获取。二、路由的理解什么是路由：1、一个路由就是一组映射关系（key-value）2、key为路径，value可能是fun
人海@·2022-11-24 08:58

十天学完Vue学习总结

一、学习时间的安排每次学习一门新语言的时候，我会习惯性创建一个文件夹，到我学完Vue基础时一共用了十天的时间。每一天几乎是一个知识点，或者是知识点对于的作业或者是项目。二、共有多少个知识点可以学习做完思维导图之后，我总结出一共只需要学习十一个知识点。下面这三个都比较基础，因此我放在了一篇博客中。1、vue简介内容比较概念，了解，看过即可。2、vue入门类似HelloWorld都是对一门新语言的基本
Huangss19·2022-11-22 05:01

学习记录2022年9月24日始

时间学习内容2022年9月24日21:33-22:10vue学习课程1、2、32022年9月25日17:25-18:40vue学习课程4、52022年9月25日21:15-22:32vue学习课程6、7
小疯子青·2022-11-19 21:40

Vue学习第26天——vuex中的模块化和命名空间的详解及案例练习

目录一、模块化与命名空间1、目的2、比较3、模块化代码4、命名空间二、多组件共享数据案例三、模块化代码四、案例注意项1、context与commit2、开启命名空间五、总结1、读取state2、读取getters3、调用dispatch4、调用commit一、模块化与命名空间1、目的让store组件代码更有条理性，代码更好维护，数据分类更加明确2、比较3、模块化代码constCountAbout=
离奇6厘米·2022-11-17 09:16

Vue学习笔记(三) 甚欢篇

事件处理我们在初遇篇已经有意无意的用了监听事件这一概念，我们来回忆一下那个例子:        Document            {{product.name}}{{product.quantity}}             已经售空                   添加             总库存{{totalProducts}}  //这里代表引入Vue  //代表创建一个Vu
·2022-11-16 23:39

【尚硅谷 Vue学习笔记】P22 监视(侦听)属性 P23 深度监视 p24监视的简写形式 P25watch对比computed

文章目录P22监视(侦听)属性P23深度监视p24监视的简写形式P25watch对比computed前言：仅做笔记使用。不是制作精良的博客。时间：2022/11/15P22监视(侦听)属性watch:{isHot:{//hander什么时候调用？当isHot发生改变时hander(){console.log('isHot被修改')}}}immediate:false//初始化时让handler调用
潮.eth·2022-11-15 20:54

【尚硅谷 Vue学习笔记】P14事件处理 P13事件修饰符 p16键盘事件 p17事件总结

文章目录P14事件处理P13事件修饰符p16键盘事件p17事件总结前言：仅做笔记使用。不是制作精良的博客。时间：2022/11/14P14事件处理需求，点这个按钮就提示错误的写法：（错误原因：只能在Vue实例中找）正确写法：（解释：在配置项methods下写函数，不需要写function，直接写方法名。如果写了function会有红色波浪线）代码：学校名字：{{name}}点我提示信息Vue.co
潮.eth·2022-11-15 20:24
上一页 13 14 15 16 17 18 19 20 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他