Vue学习笔记

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

VUE学习笔记

如何使用VUE：初始准备：首先是开发环境的配置：下载一个Vue.jsdevtools插件在运行程序前添加上下面的这句话，可去掉那个生产提示Vue.config.productionTip=false//阻止vue在启动是产生生产提示引入vue模版需要引入vue的开发环境：这个可以直接使用官网下载文件，也可以直接引用绝对地址的vue开发环境，这个可以直接去官网查看下面的这一行就是我们使用vue前必须
品 风 ₯ 未 醉·2022-09-15 09:56

Vue学习笔记（三）Vue2三种slot插槽的概念与运用 | ES6 对象的解构赋值 | 基于Vue2使用axios发送请求实现GitHub案例 | 浏览器跨域问题与解决

文章目录一、参考资料二、运行环境三、Vue2插槽3.1默认插槽3.2具名插槽3.3作用域插槽ES6解构赋值概念&作用域插槽的解构赋值3.4动态插槽名四、GitHub用户搜索案例4.1准备静态的HTML文件4.2根据静态文件划分组件4.3代码实现index.htmlMain.jsApp.vueGitHubHeader.vue基于axios发送AJAX请求GitHubBody.vue五、浏览器跨域5.
尤Ni·2022-09-15 03:38

Vue学习笔记04：组件思想、vite、vue-cli

文章目录一、单页面应用程序1.什么是单页面应用程序2.单页面应用程序的特点3.单页面应用程序的优点4.单页面应用程序的缺点5.如何快速创建vue的SPA项目二、vite的基本使用1.什么是vite2.创建vite的项目3.梳理项目的结构4.vite项目的运行流程三、vue-cli的基本使用1.什么是vue-cli2.安装vue-cli2.1解决WindowsPowerShell不识别vue命令的问
双-鱼·2022-09-05 13:05

Vue学习笔记——邂逅Vuejs

视频资源来自：b站coderwhy王红元老师——最全最新Vue、Vuejs教程，从入门到精通文章仅为个人观看视频后的学习心得笔记，用于个人查看和记录保存。文中定有疏漏错误之处，恳请指正。总目录：邂逅VuejsVue基础语法组件化开发前端模块化webpack详解VueCLI详解vue-routerPromise的使用Vuex详解网络模块封装项目实战邂逅Vuejs认识Vuejs为什么学习Vuejs简单
小910888·2022-08-29 20:28

Vue学习笔记 第 1 章：Vue 核心（下）

学习资料来自尚硅谷VUE教学视频csdn：课程代码、vue3笔记、课件gitee：课件、代码、资料其他：vscode插件推荐、第三方库网站、npmjs库工具库推荐：moment.js时间处理工具，很强很大。还有个轻量的叫dayjs生成全球唯一id工具：uuid，但是很大，有个精简版：nanoid章节导航：第1章：Vue核心（上）第1章：Vue核心（下）第2章：Vue组件化编程第3章：使用Vue脚手
mildness丶·2022-08-21 07:26

Vue学习笔记 第 1 章：Vue 核心（上）

学习资料来自尚硅谷VUE教学视频csdn：课程代码、vue3笔记、课件gitee：课件、代码、资料其他：vscode插件推荐、第三方库网站、npmjs库工具库推荐：moment.js时间处理工具，很强很大。还有个轻量的叫dayjs生成全球唯一id工具：uuid，但是很大，有个精简版：nanoid章节导航：第1章：Vue核心（上）第1章：Vue核心（下）第2章：Vue组件化编程第3章：使用Vue脚手
mildness丶·2022-08-21 07:55

VUE学习笔记第一章-Vue核心（尚硅谷）

目录目录VUE简介Vue可以自顶向上逐步的应用Vue的特点Vue的实现Vue入门模板语法数据绑定el和data的两个写法理解MVVM数据代理Vue事件Vue事件的基本使用Vue事件修饰符Vue键盘事件计算属性姓名案例-插值语法实现姓名案例-methods方法实现姓名案例-计算属性实现姓名案例-计算属性实现（简写）（只考虑读，不考虑写的情况）监视属性天气案例-监视属性1天气案例监视属性2天气案例-深
纯情男高中生（183，有腹肌）·2022-08-21 07:24

Vue学习笔记总结

CSDN话题挑战赛第1期活动详情地址：https://marketing.csdn.net/p/bb5081d88a77db8d6ef45bb7b6ef3d7f参赛话题：前端学习记录话题描述：记录前端学习过程中的某个知识点、解决方案等等文章目录模板语法绑定事件和方法详解事件修饰符双向数据绑定模板语法Vue中的模板文件都是由模板、业务逻辑绑定文本数据绑定首先清空App.vue，获得一个纯净的环
papahuhu·2022-08-19 17:27

vue学习笔记

VUE学习笔记认识VueHello，{{name.toUpperCase()}}，{{address}}Vue.config.productionTip=false//阻止vue在启动时生成生产提示。
·2022-08-17 10:28

Vue学习笔记（六）--- 前端路由 Vue Router

一、路由1、概念路由本质上来说就是一种对应关系，比如说我们在浏览器中输入不同的url地址，我们就能访问不同的资源，那么这url地址与资源之间的对应关系，就是路由。2、分类①后端路由后端路由是通过服务器实现的，根据不同的用户url请求，返回不同的资源，本质上就是url地址与服务器资源之间的对应关系。②前端路由前端路由是通过页面hash值(锚链接)的变化实现的，根据不同的页面事件来显示不同的页面内容，
努力的小朱同学·2022-08-15 00:28

Vue2.0学习笔记

Vue学习笔记Vue2.01Vue核心1.1初识Vue1.2模板语法1.3数据绑定1.4el与data的两种写法1.5MVVM模型1.6数据代理1.7事件处理1.8计算属性1.9监视属性1.10绑定样式
muzi187·2022-08-15 00:34

Vue学习笔记——第二部分

Vue组件的定义、注册方式和模板使用组件的定义组件（Component）是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码.vue组件是把页面（html代码，CSS代码）进行模块化如下图所示，一个页面分四个部分，每个部分是个vue组件，而页面成了vue组件的容器。vue.js中创建组件有三个步骤：定义组件，注册组件以及使用组件定义组件方式1：先创建一组件构造器，然后由组件构
codeqingchen·2022-08-14 21:55

Vue学习笔记

一、邂逅Vue.js内容概述认识Vuejs为什么学习Vuejs简单认识一下VuejsVuejs安装方式CDN引入下载和引入NPM安装管理Vuejs初体验HelloVuejsVue列表展示案例：计数器Vuejs的MVVMVue中的MVVM1.遇见Vue.js为什么学习Vue.js我相信每个人学习Vue的目的是各部相同的。可能你的公司正要将原有的项目使用Vue进行重构。也可能是你的公司新项目决定使用V
AONLY_·2022-08-08 08:20
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他