vue学习知识点记录第2页

Vue学习笔记之模板引用

1、添加模板引用对DOM元素添加引用，语法格式，则在DOM元素挂载成功后，可以通过this.$refs.input的语法形式访问引用的input元素。2、v-for中的模板引用对列表元素添加引用，语法格式{{item}}，则在DOM元素挂载成功后，可以通过this.$refs.items的语法形式访问所有的li元素。3、函数模板引用可以对DOM元素添加函数模板引用，则在组件每次更新时自动触发函数执

Three Big Stones·2024-02-03 19:37

【前端】Vue学习笔记

loader版本"less":"^4.0.0","less-loader":"^7.0.0",(8以下均可)常见问题组件不显示1.template中的内容必须包含在一个div中。2.组件名称渲染时不可为HTML标签，例如header、footer等等如需使用，只要和标签名不一样就行，比如Header、Footer等等快捷键1.vdatadata(){return{key:value}},2.vco

myaijarvis·2024-02-03 17:45

Vue学习笔记14 --自定义hook函数/toRef/provide/inject等

9.自定义hook函数什么是hook？——本质是一个函数，把setup函数中使用的CompositionAPI进行了封装。类似于vue2.x中的mixin。自定义hook的优势:复用代码,让setup中的逻辑更清楚易懂。10.toRef作用：创建一个ref对象，其value值指向另一个对象中的某个属性。语法：constname=toRef(person,'name')应用:要将响应式对象中的某个属

jxncxgx·2024-02-03 14:30

Vue 学习笔记 -- 5. vue-router

Vue学习笔记–5.vue-router5.vue-router一个路由（route）就是一组映射关系（key-value），多个路由需要路由器（router）进行管理。

lingchen0522·2024-02-03 12:54

ARTHUR王旭光·2024-02-03 10:19

vue学习笔记

vue学习笔记vue框架介绍Vue.js（读音/vju：/，发音类似于view）是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。

zyl熬夜之路·2024-02-03 02:30

Vue学习笔记六

神里の凌华·2024-02-03 02:00

Vue学习笔记：将数组数据使用Excel表格导出

Vue学习笔记：将数组数据使用Excel表格导出需求：数组数据使用Excel导出第一步：下载依赖命令行：npmixlsx第二步：建立下载公共jssrc下建立文件夹utils后建立data2Excel.js

前端互助会·2024-02-03 02:28

Vue学习笔记（一）

备注：为了毕设紧急学习的个人笔记，不是为了总结分享···es6模块化每个js都是独立的模块，import导入其他模块成员，export向外共享模块成员【附上b站vue视频的具体位置】铺垫知识-03.ES6模块化-默认导...P230-00:16·模块化语法1.默认导出：exportdefault，里面的才是能从外头访问到的成员→每个模块只能有一次exportdefault！！！2.默认导入：i

fancy努力闯关·2024-02-03 02:58

Vue 学习笔记

Vue学习笔记1前端工程化与webpack1.1前端工程化1.1.1实际的开发模块化（js的模块化、css的模块化、资源的模块化）组件化（复用现有的UI结构、样式、行为）规范化（目录结构的划分、编码规范化

称霸幼儿园18·2024-02-03 02:56

Vue学习笔记（一）JS导入导出

Vue学习笔记（一）JS导入导出js文件-导出、批量导出、默认导出showMessage.jsexportfunctionsimpleMessage(msg){console.log(msg);}exportfunctioncomplexMessage

老李笔记·2024-02-03 02:55

【JavaScript 漫游】【002】JS 的数据类型总览

ES5的数据类型null和undefined的相同点和不同点布尔值的转换规则parseInt和parseFloat的基本用法作为JS的复杂数据类型，对象、函数和数组的重要知识点众多，因此笔者计划将它们的知识点记录到随后的文章当中

皮皮伍同学·2024-02-02 16:55

Vue组件之间的样式冲突问题【Vue学习笔记12】

1.组件之间的样式冲突问题默认情况下，写在.vue组件中的样式会全局生效，因此很容易造成多个组件之间的样式冲突问题。导致组件之间样式冲突的根本原因是：（1）单页面应用程序中，所有组件的DOM结构，都是基于唯一的index.html页面进行呈现的；（2）每个组件中的样式，都会影响整个index.html页面中的DOM元素。1.1思考：如何解决组件样式冲突的问题为每个组件分配唯一的自定义属性，在编写组

扶得一人醉如苏沐晨·2024-02-01 21:58

Vue学习之vue基础学习1

Vue学习之vue基础学习1下文将简述vue的基础知识包括声明式渲染、Attribute绑定、事件监听、表单绑定、条件渲染几个部分。

ciku·2024-02-01 20:09

Vue学习之使用HBuilderX创建并使用vue3.0项目

Vue学习之使用HBuilderX创建并使用vue3.0项目下文将简述如何使用HBuilderX创建并使用vue3.0项目，包含项目创建、目录介绍、如何引用组件、首页自定义设置。

ciku·2024-02-01 20:08

路由重定向和别名

聚沙成塔·每天进步一点点本文内容⭐专栏简介1.路由重定向实例场景：路由重定向的应用场景：2.路由别名实例场景：路由别名的应用场景：⭐写在最后⭐专栏简介Vue学习之旅的奇妙世界欢迎大家来到Vue技能树参考资料专栏

几何心凉·2024-02-01 07:57

Vue学习总结

声明：本文来源于黑马程序员PDF讲义双向绑定：修改表单项标签，发现vue对象data中的数据也发生了变化双向绑定的作用：可以获取表单的数据的值，然后提交给服务器事件绑定v-on:用来给html标签绑定事件的。需要注意的是如下2点：v-on语法给标签的事件绑定的函数，必须是vue对象种声明的函数v-on语法绑定事件时，事件名相比较js中的事件名，没有on同样，v-on也存在简写方式，即v-on:可以

买个等离子电视·2024-01-31 20:28

Vue学习Element-ui

声明：本文来源于黑马程序员PDF讲义Ajax我们前端页面中的数据，如下图所示的表格中的学生信息，应该来自于后台，那么我们的后台和前端是互不影响的2个程序，那么我们前端应该如何从后台获取数据呢？因为是2个程序，所以必须涉及到2个程序的交互，所以这就需要用到我们接下来学习的Ajax技术。Ajax:全称AsynchronousJavaScriptAndXML，异步的JavaScript和XML。其作用有

买个等离子电视·2024-01-31 20:28

Vue学习笔记13-- Vue3之计算属性与监视

7、计算属性与监视1.computed函数与Vue2.x中computed配置功能一致写法import{computed}from'vue'setup(){...//计算属性——简写letfullName=computed(()=>{returnperson.firstName+'-'+person.lastName})//计算属性——完整letfullName=computed({get(){r

jxncxgx·2024-01-31 00:24

Vue Router 动态路由

动态路由的使用2.动态路由的原理解析路由匹配路由参数的传递组件渲染动态路由的变化3.更多动态路由的实例3.1.动态路径匹配多层级3.2.动态路径的正则匹配3.3.编程式导航与动态路由总结⭐写在最后⭐专栏简介Vue

几何心凉·2024-01-30 19:24

Vue Router 路由组件传参

每天进步一点点本文内容⭐专栏简介1.路由的动态片段1.1基本使用1.2多个动态片段2.查询参数2.1传递查询参数2.2在路由导航中传递查询参数3.路由元信息4.Vuex状态管理总结⭐写在最后⭐专栏简介Vue

几何心凉·2024-01-30 19:24

Vue Router 编程式导航

聚沙成塔·每天进步一点点本文内容⭐专栏简介VueRouter核心原理1.使用`router.push`2.使用`router.replace`3.使用`router.go`⭐写在最后⭐专栏简介Vue学习之旅的奇妙世界欢迎大家来到

几何心凉·2024-01-30 19:23

Vue Router 简介

聚沙成塔·每天进步一点点本文内容⭐专栏简介VueRouter简介主要特性：安装和基本用法：⭐写在最后⭐专栏简介Vue学习之旅的奇妙世界欢迎大家来到Vue技能树参考资料专栏！

几何心凉·2024-01-30 19:23

【Vue学习笔记_14】Vue CLI 2&3 脚手架

【Vue学习笔记_14】VueCLI2&3脚手架VueCLI初识VueCLI2初始化项目ESLint规范Runtime-only和Runtime+Compiler的区别目录结构解析VueCLI3VueCLI3

BugFrog1024·2024-01-30 18:48

前端VUE学习之初识vue-cli(脚手架)

一、了解vue-clivue-cli又称脚手架，说白了就是一个便捷开发项目的家伙，因为vue-cli可以自动构建出一个项目的骨架，以及配置一些复杂的webpack文件配置，在这里，如果深入了解过webpack这个玩意的话，会深刻体会这个玩意是多么复杂（至少我是这么觉得的，webpack安转这个配置那个，晕...）,所以啊，感谢大佬发明vue-cli，确实省去了一些构建项目的困难二、安装vue-cl

happy-p·2024-01-30 18:17

Vue学习笔记之侦听器

1、基本侦听器当简单响应式属性发生变化时，可通过添加属性的侦听器，自动监测属性变化事件，如下代码，定义了3个响应式属性，分别为question、answer、loading，侦听器定义在关键字watch区域，使用语法格式question(newQuestion,oldQuestion)定义侦听器函数，当输入包含?时，将自动调用异步函数getAnswer，从api中获取问题答案，并同步更新响应式属性

Three Big Stones·2024-01-29 23:48

Vue学习笔记之生命周期函数

生命周期示意图如下所示：beforeCreate：组件初始化之前触发该事件created：组件初始化完毕触发该事件beforeMount：Vue应用对象挂载DOM结点之前触发该事件mounted：DOM结点挂载成功之后触发该事件beforeUpdate：数据更新之前触发该事件updated：数据更新之后触发该事件beforeUnmount：DOM结点卸载之前触发该事件unmountd：结点卸载之后

Three Big Stones·2024-01-29 23:17

Vue学习之使用开发工具创建项目、gitcode管理项目

Vue学习之使用开发工具创建项目、gitcode管理项目翻阅与学习了vue的开发工具，通过对比最终采用HBuilderX作为开发工具，以下章节对HBuilder安装与基础使用介绍1.HBuilder下载从

ciku·2024-01-29 19:18

Vue学习之nodejs环境搭建中的坑

Vue学习之nodejs环境搭建中的坑1.nodejs安装后环境变量配置（1）在nodejs安装目录下已有node_cache、node_global，如下：（2）在系统属性->环境变量中新建一个名为NODE_PATH

ciku·2024-01-29 19:17

Vue学习笔记之列表渲染、事件和表单绑定

一、列表渲染使用v-for指令渲染列表，包含以下几种渲染方式：1、直接迭代元素方式语法：v-for="iteminitems"，直接迭代数组元素，逐项渲染数据，代码如下：直接迭代元素方式{{item.message}}const{createApp}=Vue;createApp({data(){return{items:[{message:'Foo'},{message:'Bar'}]}}}).m

Three Big Stones·2024-01-29 16:50

Java枚举类与注解基础知识学习笔记

B站视频指路:尚硅谷Java入门视频教程(在线答疑+Java面试真题)_哔哩哔哩_bilibili写在前面:马上秋招，打算从0开始再学一遍Java，开个知识点记录贴，就当做课堂笔记吧.希望秋招顺利.枚举类的使用

安卓小趴菜·2024-01-29 16:46

vue学习阶段心态历程

1.09到达这个园区1.10正式进入学习状态，定了一个小计划，13天完成vue。结果还可以，比计划的还早了一天。阶段崩溃瞬间：一：这视频讲的是啥玩意？总结一下我看视频的经历：1.在学校的时候就已经开始了vue的学习，视频总时长将近70！小时，emmm..时间不允许，我就找了一套短的看，20小时。2.20小时的视频。基础知识看完后，后面讲到webpack，emm,报错，报错，报错。蒙了。最后发现那竟

王祉凯_家族二期·2024-01-28 17:06

Vue学习笔记——前端模块化

视频资源来自：b站coderwhy王红元老师——最全最新Vue、Vuejs教程，从入门到精通文件仅为个人观看视频后的学习心得笔记，用于个人查看和记录保存。文中定有疏漏错误之处，恳请指正。本节目录：为什么需要模块化前端模块化为什么需要模块化JavaScript原始功能js文件太多，可能造成变量冲突。加载的顺序不同，可能造成覆盖匿名函数的解决方案使用闭包，把函数括起来(function(){varna

小910888·2024-01-28 15:54

Vue学习笔记-地区选择器

最近在项目里需要用到地区选择器，就找到V-Distpicker是一个简单易用的地区选择器。使用非常简单，功能强大，推荐大家使用。官网:https://distpicker.pigjian.comgithub:https://github.com/jcc/v-distpickerInstallationnpminstallv-distpicker--saveOryarnaddv-distpicker

赵客缦胡缨v吴钩霜雪明·2024-01-28 10:11

Vue学习笔记1(基础知识点和触发事件)

一套用于构建用户界面的渐进式JavaScript框架。Vue可以自底向上逐层的应用，简单应用：只需一个轻量小巧的核心库。Vue官网英文官网：API—Vue.js(vuejs.org)vue的md文档:在线版https://wekenw.gitee.io/vuedoc/Vue开发者工具：https://pan.baidu.com/s/1UvK1QtFjfrFKqqzYBgQPow?pwd=ziy4提

热爱可抵岁月mrx·2024-01-28 00:46

Vue学习笔记之应用创建和基础知识

1、安装方式CDN方式安装：2、创建应用使用Vue内置对象创建一个应用，基本代码结构如下：const{createApp}=Vue;createApp({data(){return{}},methods:{},mounted(){},computed:{}}).mount('#app');id为app的div元素，代表vue应用绑定的dom元素，vue对内部数据的操作都会直接影响dom的数据更新；

Three Big Stones·2024-01-28 00:44

Vue 学习

vue学习记录。

BGING·2024-01-28 00:43

Vue学习计划-Vue3--其他API：shallowRef与shallowReactive、readonly与shallowReadonly、toRaw与markRaw、customRef

其它API【shallowRef与shallowReactive】shallowRef作用：创建一个响应式数据，但只对顶层属性进行响应式处理。用法：letmyVar=shallowRef(initValue)特点：只跟踪引用值的变化，不关心值内部的变化shallowReactive作用：创建一个浅层响应式对象，只会使对象的最顶层属性变成响应式的，对象内部的嵌套属性则不会变成响应式的用法：letmy

化作繁星·2024-01-26 12:20

vue学习（22）表单数据

收集表单数据账号：密码：性别：男女爱好：学习睡觉吃饭所属校区请选择校区北京上海深圳其他信息阅读并接受《用户协议》提交Vue.config.productionTip=false;newVue({el:'#root',data:{account:'',password:'',sex:'',hobby:[],city:'',other:'',agree:''},methods:{submit(){co

哆啦C梦的百宝箱·2024-01-26 10:07

Vue学习笔记12--Vue3之setup/ref函数/reactive函数/Vue3响应式原理/reactive对比ref

一、拉开序幕的setup理解：Vue3中一个新的配置项，值为一个函数。setup是所有CompositionAPI(组合API）表演的舞台。组件中所用到的：数据、方法等，均要配置在setup中。setup函数的两种返回值：若返回一个对象，则对象中的属性、方法在模板中均可以直接使用。若返回一个渲染函数，则可以自定义渲染内容注意点：尽量不要与Vue2.x配置混用Vue2.x配置（data/methos

jxncxgx·2024-01-26 09:54

每日外语学习打卡——2018.04.16

——黑格尔每日一小时英语打卡之2018.04.16录音记录2018.04.16每日半小时德语打卡之2018.04.16录音记录2018.04.16新知识点记录2018.04.16动词形式变化整理2018.04.16

叶婆好龙Fiona·2024-01-26 09:31

vue学习之slot 解决element-ui在table中插入链接地址

今天在element-ui的学习中要在表格中写入一个链接{{link}}结果什么都没有（后面的链接）官方文档是有介绍通过Scopedslot可以获取到row,column,$index和store（table内部的状态管理）的数据，用法参考demo。要写成这样{{test.row.link}}效果就是前图的前面那个链接。为此详细地学了一下Vue的slotslot就是一个插槽，将原本不属于这个模板的

雁过无声1986·2024-01-25 22:28

Vue学习- 侦听器使用

当有一些数据需要随着其它数据变动而变动时，很容易滥用watch，对于任何复杂逻辑，应当使用计算属性（computed），计算属性是基于它们的响应式依赖进行缓存的，只在相关响应式依赖发生改变时它们才会重新求值。Vue提供了一种通用的方式来观察和响应Vue实例上的数据变动：侦听属性（watch）。当需要在数据变化时执行异步或开销较大的操作时，使用侦听属性，比如在搜索框，输入文本后向后台请求搜索结果的场

_pass·2024-01-25 00:30

Vue 插槽 (Slots) 源码解析与用法

聚沙成塔·每天进步一点点本文内容⭐专栏简介1.默认插槽的实现原理用法示例：2.具名插槽的实现原理用法示例：3.作用域插槽的实现原理用法示例：⭐写在最后⭐专栏简介Vue学习之旅的奇妙世界欢迎大家来到Vue

几何心凉·2024-01-24 23:41

Vue 动态组件与异步组件：深入理解与全面应用

聚沙成塔·每天进步一点点本文内容⭐专栏简介1.动态组件实现原理：用法示例：2.异步组件实现原理：用法示例：3.异步组件的高级应用a.异步组件的命名：b.异步组件的加载状态管理：⭐写在最后⭐专栏简介Vue

几何心凉·2024-01-24 23:09

Vue学习笔记11--路由2（路由传参/命名路由）

一、路由的query传参路由的query参数传递参数{{m.title}}-->{{m.title}}接收参数$route.query.id$route.query.title二、命名路由作用:可以简化路由的跳转使用方法给路由命名：{path:'/demo',component:Demo,children:[{path:'test',component:Test,children:[{name:'

jxncxgx·2024-01-24 17:38

Vue学习笔记9--vuex(专门在Vue中实现集中式状态（数据）管理的一个Vue插件）

一、vuex是什么？概念：专门在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。Github地址：https://github.com/vuejs/vuex二、什么时候使用vuex?多个组件依赖于同一状态来自不同组件的行为需要变更同一状态多个组件需要共享数据时三、Vuex工作原理图Ac

jxncxgx·2024-01-24 17:37

Vue学习笔记8--插槽＜slot＞＜/slot＞

一、作用让父组件可以向子组件指定的位置插入html结构，，也是一种组件间通信的方式，适用于父组件===》子组件。二、分类：默认插槽具名插槽作用域插槽三、使用方法1.默认插槽父组件中：html结构1子组件中：插槽默认内容...2.具名插槽父组件中html结构1html结构2子组件中插槽默认内容...插槽默认内容...3.作用域插槽理解：数据在组件的自身，但根据数据生成的结构需要组件的使用者来决定。（