Vue学习笔记

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

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学习笔记(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学习笔记07 vue-router 简单路由-多级路由-路由传参-路由守卫-路由懒加载

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

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

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

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学习笔记（四）基于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

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学习笔记(三) 甚欢篇

事件处理我们在初遇篇已经有意无意的用了监听事件这一概念，我们来回忆一下那个例子:        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

Vue学习笔记-vuex

1.Vuex是什么概念：专门在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信2.什么时候使用Vuex多个组件依赖于同一状态来自不同组件的行为需要变更同一状态3.vuex的工作原理4.vuex环境搭建下载Vuex：npmivuex创建src/store/index.js：//引入Vue核
木派·2022-11-13 12:56

Vue基础快速入门学习笔记整理

一、Vue基础课程详情：黑马VUE学习笔记—后端小白入门（附带项目天气预报和音乐播放器所有源码）视频地址：https://www.bilibili.com/video/BV12J411m7MG?
白白白飘·2022-11-09 11:28

Vue学习笔记---插槽slot

1.插槽内容组件外：写入模板内容，内容可为任何模板代码组件内：通过元素进行模板引入编译作用域：父级模板内容在父级作用域编译，子级模板内容在子级作用域编译后备内容：自定义默认值2.具名插槽组件内：，不带name则隐含名字default组件外：内容，没有v-slot则为默认插槽内容3.作用域插槽组件内：，元素上的属性user为插槽prop组件外：，slotProps为包含所有插槽prop的对象默认插槽
洛千陨·2022-11-09 09:05

Vue学习笔记-插槽

Vue过去对于插槽的使用基本依赖于slot以及slot-scope（默认插槽|具名插槽|作用域插槽），但是现在这个两个attribute已经被v-slot指令所取代（Vue2.6.0）；这两个attribute虽然已经被官方废弃且不会出现在Vue3中，但在接下来所有的2.x版本中slot和slot-scopeattribute仍会被支持；1、默认插槽（未改变）不需要声明name或者作用域，直接进行
木玄客·2022-11-09 09:04

黑马VUE学习笔记（附带项目天气预报和音乐播放器所有源码）

文章目录黑马VUE学习笔记—后端小白入门（附带项目天气预报和音乐播放器所有源码）感谢黑马！
普通网友·2022-11-02 00:53

【Vue学习笔记_16】案例-Tabbar导航栏

【Vue学习笔记_16】案例-Tabbar导航栏项目文件结构效果展示&组件结构封装TabBarTabBarItem.vueTabBar.vue使用封装的TabBarMainTabBar.vueApp.vue
BugFrog1024·2022-10-31 07:40

VUE学习笔记

VUE学习笔记一、Vue基础(一)、认识Vue.js1.官网英文官网：https://vuejs.org/中文官网：https://cn.vuejs.org/2.简介vue是一套用于构建用户界面的渐进式框架
qq_48305989·2022-10-31 07:09

VUE学习笔记 coderwhy老师（持更）

一、邂逅Vue.js1.1.认识Vue.jsVue的读音：(/vju:/，类似于view)Vue的渐进式渐进式意味着你可能将Vue作为你应用的一部分嵌入其中，带来更丰富的交互体验或者如果你希望将更多的业务逻辑使用Vue实现，那么Vue的核心库以及其生态系统比如Core+Vue-router+Vuex，也可以满足你各种各样的需求Vue的特点解耦视图和数据可复用的组件：一个组件可以在多个页面里面用前端
不可以装酷·2022-10-31 07:39

Vue 学习笔记12：Vue3常用组合API

Vue学习笔记11：Vue3组合API一、创建Vue3工程1.使用vue-cli创建2.使用vite创建3.安装vue3插件二、常用compositionAPI1.setup函数2.ref函数3.reactive
iFulling·2022-10-25 12:04

Vue学习笔记（六）——Less

1.安装lessnpmi-gless//npminstall-gless2.检查是否安装成功lessc-V//===》lessc--versin3.手动将less文件转为css文件执行以下语句，会在less的同级目录下生成一个css文件lessc./xxx.lessnewFile.css使用插件自动将less文件转为css，编辑器中安装easyless，就会实现保存完less文件之后，自动生成cs
hsy_siying·2022-10-14 16:11

Vue学习笔记：封装UI组件库

实例内容封装常见的功能组件（Button，Modal，Form相关），封装完成后封装成UI组件库发布到NPM上。实例目的掌握组件封装的语法和技巧学会造轮子，了解组件库实现原理搭建和积累自己的组件库学会组件库上传gitHub学会组件库打包，上传npm----------------------------------------------------------------------------
前端互助会·2022-10-12 20:33

vue学习笔记（五）之 Vue UI组件库

VueUI组件库移动端常用UI组件库PC端常用UI组件库Element使用一提到组件库，需要考虑两个问题：1、基于哪个框架？Vue、React。。。2、PC端还是移动端？移动端常用UI组件库Vant：https://youzan.github.io/vantCubeUI：https://didi.github.io/cube-uiMintUI：http://mint-ui.github.ioPC端
杨乐多dreamer·2022-10-12 20:07

Vue学习笔记：Vue element-ui中table组件的使用----接入后端数据

记个笔记以免遗忘，建议还是查看Element-UI提供的官方文档学习，自己摸索比较难受官方文档：Element-UI组件TableElement-UI官网提供了许多Table格式，这里以一个带有筛选器的表格为例表格的官网显示效果：直接将官方提供的示例代码贴入.vue文件中即可使用显示的数据是通过data()方法提供的假数据。方法见下：data(){return{tableData:[{date:'
研究僧12138·2022-10-12 20:06

【Vue】Vue学习笔记——UI组件库和常用插件

文章目录6.UI组件库和常用插件6.1Element-ui6.2Vue-router6.2.1基本用法6.2.2跳转6.2.3路由嵌套6.2.4路由参数传递6.3Axios6.3.1基本使用6.3.2json-server的安装及使用6.3.3跨域处理6.3.4Vue中Axios的封装6.UI组件库和常用插件6.1Element-uivue的核心思想是组件和数据驱动，但是每一个组件都需要自己编写模
shen子怡·2022-10-12 20:11

Vue学习笔记(二)：Springboot+Vue项目整合

前面介绍了如何从零创建Vue项目，今天来谈谈如何整合SpringBoot和Vue，实现前后端的数据交互。1.基于Springboot+Mybatis+MySQL开发后台接口（1）建表并初始化数据--创建数据表createtableifnotexistsuser(idintnotnullauto_incrementcomment'ID',usernamevarchar(255)notnullcomm
Lucky扬·2022-09-30 13:55

vue学习笔记（超详细）

文章目录一.Vue基础认识Vue.jsVue安装方式Vue的MVVM二.Vue基础语法生命周期模板语法创建Vue,options可以放什么语法综合v-onv-for遍历数组v-model表单绑定v-model结合radio类型使用v-model结合checkbox类型使用v-model结合select类型使用值绑定修饰符检测数组更新计算属性computed计算属性setter和gettercomp
普通网友·2022-09-29 15:56

Vue学习笔记6 - 学习vue-admin-template(1)

vue-admin-template是在码云平台（gitee.com）上，搜索vueadmin关键字，出来的结果中，相对说明算是比较多的开源代码，既有Demo的演示网站（https://panjiachen.gitee.io/vue-admin-template），也有系列教程帖子，不过作为一个仅在vue官网（https://cn.vuejs.org/）粗看了一遍教程的Vue小白，在下载了源码之后
Myron.Maoyz·2022-09-22 21:00

Vue学习笔记---vue-cli

Vue-cli1.配置文件vue.config.js2.快速原型开发：对单个vue文件进行快速原型开发vueserve：需要安装全局依赖，机器一致性无法保证，对应目录执行：vueservefilevuebuild：将目标文件构建成一个生产环境的包用来部署，对应目录执行：vuebuildfile3.创建项目vuecreateproject选取preset：默认/手动，.vuerc保存设置vueui：
洛千陨·2022-09-22 21:58

Vue学习笔记---webpack概念

1.作用webpack是一个静态模块打包器(modulebundler)。它会递归地构建一个依赖关系图(dependencygraph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle打包：可以把多个Javascript文件打包成一个文件，减少服务器压力和下载带宽。转换：把拓展语言(SCSS/ES6)转换成为普通的JavaScript，让浏览器顺利运行。优化：Web
洛千陨·2022-09-22 21:58

VUE学习笔记--Vue简介

浏览器中安装vue-devtools调试工具直接在浏览器中的拓展商店中搜索vue-devtools，安装之后进入管理拓展界面，允许该拓展访问文件的地址Vue简介什么是VueVue是一套用于构建用户界面的前端框架构建用户界面：用Vue往页面中填充数据非常方便框架：一套现成的解决方案vue的特性1.数据驱动视图2.双向数据绑定数据驱动视图使用vue的页面中，vue会监听数据的变化，自动重新渲染页面的结
萤火虫的小尾巴·2022-09-22 20:48

ggggxc学习笔记----Vue学习笔记V----组件

八、组件机制1.概述组件(Component)是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码，内部封装了可复用的HTML、CSS、JS代码片段。在较高层面上，组件是自定义元素，Vue的编译器为它添加特殊功能。在有些情况下，组件也可以表现为用is特性进行了扩展的原生HTML元素。组件注册的时候需要为该组件指定各种参数。组件类似于vue实例，组件内部有template属性，
gaoxiaochan·2022-09-22 20:44

ggggxc学习笔记----Vue学习笔记I----生命周期

一、Vue介绍：介绍：Vue.js是一套构建用户界面的渐进式框架。Vue只关注视图层，采用自底向上增量开发的设计。目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。Vue不强求一次性接受并使用它的全部功能特性。二、生命周期：vue实例从创建到挂载到更新，最后销毁，这整个流程叫做vue的生命周期。生命周期钩子函数：1.初始化构建阶段（1）beforeCreate：在初始化的时候调用了b
gaoxiaochan·2022-09-22 20:13

若依Ruoyi-Vue学习笔记

文章目录0.前言目标功能的基本流程环境要求1.运行Ruoyi1.1下载1.2配置数据库1.3配置Redis1.4日志1.5启动后端1.6启动前端2.登陆功能2.1验证码基本思路前端实现请求的封装反向代理后端实现2.2登陆前端实现后端实现控制层业务层2.3获取用户角色和权限前端实现后端实现2.4获取动态菜单路由3.数据加载3.1首页数据加载3.2用户管理（PageHelper分页）3.3部分树状图4
风不贪·2022-09-20 20:07

Vue2学习教程（图文齐全，附带gif动图更加简单易懂）

Vue学习笔记1.初识vue，helloworld初识vue1、想让vue工作，就必须创建一个vue实例，且要传入一个配置对象2.root容器里的代码依然符合HTML规范，只不过混入了一些特殊的vue语法
特图sama·2022-09-16 17:39

Vue2+Vue3学习笔记

Vue学习笔记一、关于Vue2什么是Vue？
卡布的另一半·2022-09-16 17:08
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他