#vue学习

Vue学习笔记——vue-router

6.1.相关理解6.1.1.vue-router的理解vue的一个插件库，专门用来实现SPA应用6.1.2.对SPA应用的理解但也Web应用（singlepagewebapplication，SPA）整个应用只有一个完整的页面点击页面中的导航链接不会刷新页面，只会做页面的局部更新数据需要通过ajax请求获取。6.1.3.路由的理解1.什么是路由？一个路由就是一组映射关系（key-value）key
小萨摩！·2023-10-12 05:52

Vue学习笔记——第一部分

本章目标•理解MVVM思想•vue介绍•掌握Vue指令、计算属性、数据监听•掌握Vue单向、双向绑定的方法•理解Vue生命周期•掌握使用axios进行ajax操作•掌握Vue组件的定义和注册方式•掌握父子和子父组件传值•了解ElementUI中的常用组件•掌握cli方式搭建项目、安装依赖•掌握路由的配置跳转和嵌套•了解使用Vuex实现组件传值理解MVVM思想什么是MVVM？MVVM是Model-V
清晨时刻·2023-10-12 05:50

前端vue学习笔记——路由

路由文章目录路由1.理解:2.前端路由：1.基本使用1.安装vue-router:命令：2.应用插件：3.编写router配置项：4.实现切换（active-class可配置高亮样式）5.指定展示位置2.几个注意点1.路由组件2.通过切换3.每个组件4.整个应用3.多级路由（嵌套路由）1.配置路由规则，使用children配置项：2.跳转（要写完整路径）：4.路由的query参数1.传递参数2.接
AItth·2023-10-12 05:18

Vue学习记录

目标：了解Vue,了解常用的Vue的一些工具，用vuecli搭建一个测试用例，在浏览器上面运行起来。了解Vue百科定义Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，方便与第三方库或既有项目整合。同类的技术AngularJS:诞生于2009年，由MiskoHev
JASONGAOJS·2023-10-12 04:28

Vue学习：五

Vue学习一、懒加载和axios封装二、Vue工作流.同步.异步三、Vue新写法和持久化一、懒加载和axios封装{{filmInfo.name}}-->{{filmInfo.name}}{{filmInfo.category
self_correction·2023-10-11 22:00

Vue学习：六

Vue学习一、生产环境二、Vue3-reactive三、Vue3-通信和生命周期.ref.todo-ref.toRef.props.lifecycle.computed.watch.app四、Vue3-
self_correction·2023-10-11 22:00

day 87 Vue学习六之axios、vuex、脚手架中组件传值

本节目录一axios的使用二vuex的使用三组件传值四xxx五xxx六xxx七xxx八xxx一axios的使用Axios是一个基于promise的HTTP库，可以用在浏览器和node.js中，promise是es6里面的用法。axios能做的事情：官网地址从浏览器中创建XMLHttpRequests从node.js创建http请求支持PromiseAPI拦截请求和响应转换请求数据和响应数据取消请求
deng6648·2023-10-11 16:40

day 84 Vue学习六之axios、vuex、脚手架中组件传值

Vue学习六之axios、vuex、脚手架中组件传值本节目录一axios的使用二vuex的使用三组件传值四xxx五xxx六xxx七xxx八xxx一axios的使用Axios是一个基于promise的HTTP
deng6648·2023-10-11 16:40

vue学习day3（记录学习难点）删除el-table静态数据以及批量删除

需求：删除选中对应行数据删除多选框中所有数据实现：a.对应一行数据需要拿到对应row里边的index，通过index索引删除对应数据b.批量删除获取复选框对应的编号，这是一个数组通过判断length，是否启用批量删除按钮，最后进行删除this.tableData.splice(ids,ids.length);//ids是复选框index组成的数组代码删除一条编辑删除methods:{deletep
_Moution·2023-10-11 15:07

Vue学习----从基础出发(包含案例)

文章目录Vue基础入门Vue简介vue的基本使用Vue的调试工具Vue指令1指令的概念2指令的分类3内容渲染指令4属性绑定指令5模板渲染语法中使用JavaScript表达式6事件绑定指令7双向绑定指令8条件渲染指令9列表渲染指令过滤器(Vue3弃用)品牌列表案例Vue组件基础单页面应用程序vite的基本使用组件化开发思想1什么是组件化开发2组件化开发的好处3vue中的组件化开发vue组件的构成组件
萤火虫的小尾巴·2023-10-11 06:40

Vue学习第一天，指令

三个指令v-cloak使用v-cloak能解决插值表达式闪烁的问题，也就是在网络不好的时候并没有完全加载该界面的时候，可能会显示成{{msg}}。Title[v-cloak]{display:none;}{{msg}}vars=newVue({el:"#app",data:{msg:"哈哈哈"}})v-text使用意义在于可以直接显示数据，在没有获取数据时候，可以显示标签中的数据v-html可以将
coderymy·2023-10-11 03:47

Vue学习宝典

Vue基础一.模板语法(1)插值a.文本{{}}声明一条数据，然后用特殊的模板语法将其渲染出来（声明式渲染）b.纯HTMLv-html慎用，防止XSS,CSRF（(1)前端过滤（前端采用正则将容易注入的字符换成<>)）clickc.表达式(2)指令是带有v-前缀的特殊属性v-bind动态绑定属性v-if动态创建/删除v-show动态显示/隐藏v-on:click绑定事件v-for遍历v-m
勾勾g·2023-10-10 22:02

vue学习-15vue全局路由守卫

在vue.js中，提供三种全局守卫，英文称作（GlobalNavigationGuards），这些守卫允许你在路由发生变化的时候执行的一些操作，例如身份验证，日志纪录或者路由跳转控制，全局路由守卫包含以下三种：全局前置守卫(beforeEach)：这个守卫在每次路由切换前触发，允许你在导航到新路由之前进行一些检查或操作。常用于身份验证。router.beforeEach((to,from,next
Miaow.Y.Hu·2023-10-10 21:03

vue学习-13路由的query参数，props传参，以及编程式路由导航栏

往期回顾：vue学习-12路由组件的基本使用vue的query传参在Vue中，我们通常通过props传递参数给组件。
Miaow.Y.Hu·2023-10-10 21:33

vue学习-14vue的路由缓存组件以及activated和deactivated生命周期钩子

在Vue.js中，使用路由的内置特性来控制组件的缓存，以提高应用程序性能。默认情况下，VueRouter不会缓存组件，但你可以通过以下方式启用组件缓存：组件：是Vue.js的内置组件，可以用来缓存被包裹的组件。你可以将需要缓存的组件包裹在标签内。例如：//也可以变成-->在这个示例中，组件会被缓存，当你导航到其他页面再返回时，它的状态将保持不变。这样的情况我们实际在项目开发中经常会碰到这样的需求，
Miaow.Y.Hu·2023-10-10 21:33

vue学习-16vue的history模式与hash模式

Vue.js有两种路由模式：history模式和hash模式，它们用于管理前端路由。History模式History模式：在history模式下，Vue.js使用HTML5HistoryAPI来管理路由。这意味着URL看起来像普通的URL，没有哈希符号(#)。例如：http://example.com/my-page。这种模式通常需要服务器配置，以确保在直接访问这些URL时返回正确的页面，而不是4
Miaow.Y.Hu·2023-10-10 20:23

Vue 学习随笔系列一 -- Cascader 级联选择器

Vue学习随笔——Cascader级联选择器前言随笔一：记录Cascader级联选择器使用一、Cascader级联选择器二、使用步骤1.引入代码如下：2.数据定义代码如下：data(){return{props1
梅子酱~·2023-10-10 12:31

Vue学习

Vue学习看这篇就够原文链接：segmentfault.comVue-渐进式JavaScript框架介绍vue中文网vuegithubVue.js是一套构建用户界面(UI)的渐进式JavaScript框架库和框架的区别我们所说的前端框架与库的区别
Kobe__Bryant__·2023-10-10 03:05

VUE学习（三）html引入vue.js，组件的创建和使用

1、简单的创建和使用vue组件{{message}}//定义一个名为MyComp的新组件varMyComp={data:function(){return{count:999}},template:'Youclickedme{{count}}times.'};//全局注册组件，所有的vue实列都可以使用//Vue.component('MyComp',MyComp);varapp=newVue({
呵呵菜鸟·2023-10-09 10:52

四.javaWeb-前端技术学习这一篇就够了（详细）

前端技术整合js技术学习runoob.comhtml技术学习jQuery教程FreeMarker中文官网地址VUE学习
大云区人伍·2023-10-09 05:52

Vue学习--模板语法-插值

Vue.js使用了基于HTML的模板语法，允许开发者声明式地将DOM绑定至底层Vue实例的数据。所有Vue.js的模板都是合法的HTML，所以能被遵循规范的浏览器和HTML解析器解析。在底层的实现上，Vue将模板编译成虚拟DOM渲染函数。结合响应系统，Vue能够智能地计算出最少需要重新渲染多少组件，并把DOM操作次数减到最少。如果你熟悉虚拟DOM并且偏爱JavaScript的原始力量，你也可以不用
奔跑的蜗牛.·2023-10-08 23:42

vue学习笔记9----监视属性

监视属性watch（侦听属性）1、当被监视的属性变化时，handler函数自动调用。2、监视的属性必须存在才能进行监视。3、监视属性的两种写法：watch配置vm.$watch深度监视1、vue中的watch默认不监测对象内部值的改变（默认只监测一层）。2、配置deep：true可以监测对象内部值的变化（多层）。备注：vue自身可以监测对象内部值的变化，但是vue提供的watch默认不可以。使用w
lazy91·2023-10-08 20:58

vue学习之做事列表todoList

这次用vue实现简单的做事列表单。包含事件添加、统计、删除、标记（已完成/未完成）。做事列表一、功能实现做事列表也是通过v-for循环渲染出的列表效果，根据data中plans数据获取到的，也可以通过axios获取json数据。（1）事情获取和状态分类首先先介绍如何将所有数据分成：全部任务、已完成、未完成。这里刚开始定义当isSekected为true时就是完成状态。这些分类后的数据列表是通过计算
Mango97·2023-10-08 18:39

Vue学习笔记目录 【Vue2与Vue3完结】 (尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通)

遇见的问题及其解决方案谷歌浏览器无法访问插件商店时安装VueDevtools(简易直接下载拖入)上面的文章不能访问可以看[Vue]开发环境搭建里面的【1.2】Coreyshin【vscode自定义代码段（用户代码片段）】[Vue]解决WindowsPowerShell不识别vue命令的问题本部分根据老师笔记和视频进行整理老师的课件笔记：https://www.aliyundrive.com/s/B
萤火虫的小尾巴·2023-10-08 16:23

Vue 学习笔记2（40-49）

Vue学习笔记2（40-49）学习地址：https://ke.qq.com/course/279700目录：01-01git下载代码02-27Vue2.x28-39路由精讲40-49Vue-Cli3.050
Allenem·2023-10-08 08:49

Vue学习记录

Vue学习记录文章目录Vue学习记录初识VUE模板语法数据绑定el与data的两种写法el的写法data的两种写法理解MVVM数据代理Object.defineProperty()方法数据代理vue中的数据代理事件处理事件基本处理事件修饰符键盘事件计算属性插值语法
栀椩·2023-10-08 04:30

vue学习之（二）创建vue实例

1.创建vue实例--elconstx=newvue()constx=newVue({//el用于指定当前Vue实例为哪个容器服务，值通常为css选择器字符串。el:'#demo',或el:document.getElementById('root')})2.创建vue实例--dataHello，{{name}}//创建Vue实例newVue({el:'#demo',//data中用于存储数据，数
顾小北吖·2023-10-08 03:26

Vue学习记录 Vue简介

VueLearning20222022.07.14DAY11.总览Vue2+Vue3前端框架小白\熟练掌握Vue2\轻松玩转Vue3计划vue基础vue-clivue-routervuexelement-uivue31.Vue简介Vue是什么？一套用于构建用户界面的渐进式javaScript框架。Vue可以字底向上逐层的应用。简单应用：只需要一个轻量小巧的核心库。复杂应用：可以引入各式各样的Vue
云风星月皆待卿·2023-10-08 03:54

vue学习Day01-Day03

当当当，最近在边学vue边实习，公司用到的是vue框架，而我之前先学的是react框架，所以我最近要学习vue框架，有些东西是相通的，难度还可以吧～～vue学习Day1:1.使用插值表达式会出现闪烁问题
I have a lemon·2023-10-06 14:01

【vue学习】axios

Ajax、fetch、axios的区别与优缺点axios的github地址原生ajax//创建异步对象varxhr=newXMLHttpRequest();//设置请求基本信息，并加上请求头xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");xhr.open('post','test.php');//发送
前端菜篮子·2023-10-06 03:50

vue学习1 v-bind v-on computed watch

Title{{msg}}百度{{count}}加数字helloworld!{{msg1}}varapp1='thisisapp1!';varapp=newVue({el:'#app',data:{msg:'hellovue!',another:'anothervue!!',count:0,template:'hellotemplate',url:'http://www.baidu.com',bg1
thebestduleisi·2023-10-05 11:12

Vue学习之页面上中下三层布局

Vue学习之页面上中下三层布局页面布局：头部，内容区，尾部，其中头部和尾部几乎所有页面都有，可抽成公共组件，内容区是可变的，由路由组件展示页面效果实现（1）app.vueimportrequestfrom
勉之~·2023-10-04 16:26

Vue学习笔记：理解Vue2如何解决数组和对象的响应式问题

目录前言基本的代码对复杂对象的处理对Array的处理完整代码仍存在的问题参考的资料前言Vue2是通过用Object…defineProperty来设置数据的getter和setter实现对数据和以及视图改变的监听的。对于数组和对象这种引用类型来说，getter和setter无法检测到它们内部的变化。那么Vue2是则么来解决这个问题的呢？通过一个简单的例子来理解Vue2中是如何解决数组和对象的响应式
蓝色香蕉船·2023-10-03 23:39

Vue学习（二）————数据绑定、el与data的两种写法、MVVM

文章目录数据绑定el与data的两种写法MVVM数据绑定单向数据绑定:双向数据绑定:newVue({el:'#d',data:{m:
木鱼非鸟·2023-10-01 12:00

Vue学习记录——数据绑定、el和data两种写法、MVVM模型

Vue学习记录容器和实例是一一对应的关系数据绑定v-bind和v-modelv-bind是单向绑定不能通过界面修改数据v-model是双向绑定可以通过界面修改数据v-model的使用是有范围的，只能应用在表单类元素类
想做合格的前端程序员·2023-10-01 12:59

Vue学习002-数据绑定-el与data的两种写法-mvvm模型

1.分为单向和双向数据绑定1.1单向数据绑定：只存在从Vue数据到实例这个方向，而当前端改变时，后台的Vue里的数据不变.如图1.2双向绑定一般有value值用于双向，如表单v-model:value简写：v-model单向绑定双向绑定双向绑定Vue.config.devtools=truenewVue({el:'#root',data:{url:"http://www.baidu.com"}})
玛卡巴咖·2023-10-01 12:28

vue学习笔记(七)-vue3新特性

概念vue3简介2020年9月18日，Vue.js发布3.0版本，代号：OnePiece（海贼王）耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags地址：https://github.com/vuejs/vue-next/releases/tag/v3.0.0Vue3带来了什么1.性能的提升打包大小减少41%初次渲染快55%,更新渲染快133%内存减
这货不是陈进坚·2023-09-29 15:00

vue学习-09vue动画效果和配置代理服务器

动画效果Vue.js提供了多种方式来实现动画效果，最常用的是使用Vue的过渡和动画功能。下面是一个简单的示例，展示了如何在Vue.js中创建动画效果：过渡效果：Vue提供了transition组件，它可以包裹要进行过渡动画的元素。以下是一个例子：Toggle这是一个过渡效果exportdefault{data(){return{show:false};},methods:{toggle(){thi
Miaow.Y.Hu·2023-09-29 09:08

vue学习-08全局事件总线与消息订阅与发布

Vue的全局事件总线Vue.js的全局事件总线是一种常见的通信模式，它允许不同组件之间进行通信和数据传递，而无需直接引用彼此。全局事件总线的核心思想是创建一个中央事件总线对象，允许组件在其中发出事件并监听事件。下面是如何在Vue.js中创建全局事件总线的步骤：创建一个事件总线对象：在你的Vue.js应用中，通常在根实例（main.js或根组件）中创建一个事件总线对象。你可以使用Vue实例作为事件总
Miaow.Y.Hu·2023-09-29 09:37

vue学习-10vue整合SpringBoot跨域请求

在Vue.js应用整合SpringBoot后端时，需要处理跨域请求。跨域请求通常发生在前端应用运行在不同的域名或端口上时，而后端服务运行在不同的域名或端口上。以下是一种处理跨域请求的常见方式：后端（SpringBoot）配置在SpringBoot项目中配置CORS（跨域资源共享）以允许来自前端应用的跨域请求。@ConfigurationpublicclassCorsConfig{@Beanpubl
Miaow.Y.Hu·2023-09-29 09:33

Vue学习笔记

1.计算属性computed与监听属性watch的区别1>计算属性是依赖的属性值改变后，将计算属性的返回值作为最新结果，所以，里面不能异步的返回结果，不可以写异步逻辑。2>监听属性是监听的值改变后会重新执行函数，将一个值重新赋值作为返回结果，可以写异步逻辑。示例如下：{{msg}}{{newValue}}点击letvm=newVue({el:'#app',data:{msg:'hello',new
WEB前端开发者·2023-09-29 06:32

vue学习+vscode

一、增加扩展1.Chinese(Simplified)LanguagePackforVSCode中文（简体）语言包2.openinbrowser右击选择浏览器打开html文件3.AutoRenameTag自动重命名配对的html/xml标签4.CSSPeek追踪到样式5.JS-CSS-HTMLFormatter每次保存都会自动格式化jscss和html代码6.EasyLESS插件用来把less文件
marsman2010·2023-09-27 06:33

尚硅谷课程vue学习（一）

目录data两种写法el两种写法由vue管理的函数，一定不要写箭头函数，不然this指向windows实例了MVVM模型defineProperty属性数据代理v-on:v-bind:键盘事件keyupkeydowncomputed计算属性监视属性watch监视属性和计算属性区别绑定class和style属性条件渲染v-if,v-show列表渲染课程地址：https://www.bilibili.
与风共舞true·2023-09-27 06:38

【前端】vue学习5 : vue + ElementUI

vue+elementUI项目搭建命令行需要管理员权限。根据之前创建vue-cli项目一样再来一遍创建项目。1、创建一个名为hello-vue的工程vueinitwebpackvue-elementD:\IdeaProjects\vue>vueinitwebpackvue-element‘git’�����?Projectnamevue-element?Projectdescription回车?A
nickkkkkkkkk·2023-09-26 09:39

vue学习（29）VueComponent

知识点school组件本质上是一个VueComponent的构造函数，且不是程序员定义的，是Vue.extend生成的。我们只要写或者，vue解析时会帮我们创建school组件的实例对象。即vue会帮我们执行newVueComponent(options)。每次调用Vue.extend，返回的都是一个全新的VueComponent。关于this的指向①：组件配置中data函数，methods中的函
哆啦C梦的百宝箱·2023-09-26 00:49

vue学习-06todoList案例与浏览器本地存储

TodoListTodoList（任务列表）是一个简单的Web应用程序示例，用于管理任务、代办事项或清单。Vue.js是一个非常适合构建这种类型应用程序的框架，因为它提供了数据绑定、组件化、响应式和轻松管理用户界面的能力。以下是一个基本的Vue.jsTodoList的示例：任务列表显示：在Vue.js中，你可以使用数据绑定来动态渲染任务列表。任务列表通常以一个数组的形式存在，Vue.js会帮助你将
Miaow.Y.Hu·2023-09-25 20:36

vue学习-07TodoList本地存储以及TodoList的自定义事件

关于TodoList在上篇也简单介绍了，这篇，就是将TodoList与本地存储绑定起来，算是综合利用吧，在实际开发中我们均有涉及到灵活使用我们所学所敲的demo，这或许就是我们平时多敲demo然后实际开发中CV改造Demo吧。Todolist本地存储main.js//引入Vue组件importVuefrom'vue';//引入App组件importAppfrom'./App.vue';//关闭Vu
Miaow.Y.Hu·2023-09-25 20:34

Vue学习之路第十五篇：v-if和v-show指令

1、v-if和v-show都是用来实现条件判断的指令。2、先看代码click这是v-if指令控制这是v-show指令控制varvm=newVue({el:"#app",data:{flag:true},methods:{reverse(){this.flag=!this.flag;}}});通过点击按钮来控制v-if和v-show对应元素的显示和隐藏。从页面展示现象看，这两个指令的作用是一样的，我
weixin_30315723·2023-09-25 15:37

Vue学习笔记

本博客记录Vuev2.7.8的学习，参考文档目录Vue概述入门案例Vue指令v-bind和v-modelv-onv-if和v-showv-for综合案例生命周期Vue概述一个完整的html页面包括了视图和数据，数据是通过请求从后台获取的，那么意味着我们需要将后台获取到的数据呈现到页面上，很明显，这就需要我们使用DOM操作。正因为这种开发流程，所以引入了一种叫MVVM(Model-View-View
weixin_43739821·2023-09-25 10:39

Vue学习：浏览器本地存储localStorage

本地存储：localStorage搜网址，底下显示你搜索的历史保存在本地存储中自己编写一段本地存储，用window上的方法localStorage.setItem("key","value")：保存数据：对于对象使用JSON.stringifyloaclStorage点我保存一个数据letp={name:'z',age:20}console.log(p.toString())functionsav
¡Venceremo·2023-09-24 20:47
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他