Vue学习总结

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学习总结（一）

1.v-if和v-show的使用与区别1.1v-ifv-if用来控制是否显示包含该元素的块是否显示。接收一个布尔类型的值，为true的时候则显示，为false的时候就不显示。通常与v-else或者v-elseif配合使用。类似于代码中的if-else判断和if-elseif-else判断的使用。这是if判断中的文本这是else判断中的文本如果不显示，在DOM结构中，vue会将该元素直接注释掉。在查
GhostPaints·2024-01-13 05:15

Vue学习总结——前后端分离

1.引言可能有些小伙伴对前后端分离的理解不够深刻，只知道当今前后端分离项目当今的潮流，认为只要使用Vue+Springboot的架构就是前后端分离项目，我认为，开发一个前后端分离项目，我们首先需要对前后端分离这个概念有清晰的认识，我来谈谈自己对前后端分离的理解。2.什么是前后端分离（是什么）前后端分离，是开发模式上的前后端分离。当然还有项目架构方面的前后端分离，也就是在考虑请求并发，服务器性能，处
黑白程序员·2023-07-27 03:26

Vue介绍与入门（一）

二、vue入门1.引入vue.js2.编写入门的简易代码（实践）三、vue学习总结（重点）前言前端开发三大框架1、Vue：尤雨溪主导开发2、React：脸书（Facebook）主导开发3、Angular
逸佳6·2023-06-16 19:03

Vue学习总结——侦听器和计算属性

前面学习我们知道可以通过插值表达式渲染页面姓名：{{name}}年龄：{{age}}varvue=newVue({el:'#app',data:{name:'小明',age:18,looks：'handsome'}})可如果需要在页面的多个地方渲染该信息，频繁使用插值表达式未免使代码太过冗余，所以我们可以通过函数的方式{{showMessage()}}{{looks}}varapp=newVue(
soEzLife·2023-04-13 13:04

十天学完Vue学习总结

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

Vue学习总结

1、学习ES6语法（基础）简单的了解let和const命令，解构赋值，箭头函数，Map数据结构，Module的语法和Promise对象2、学习Vue语法（基础）例如：一些v-for,v-if,v-model,v-if,v-show,v-on等等3、学习路由Router的配置（基础）学习路由的安装，了解路由的原理和使用方法，路由的懒加载，路由的重定向等等4、学习服务端的通信Axios和Mock（基础
金石不渝·2022-09-23 18:14

vue基础学习总结---用户列表案例

用户列表案例前言这篇文章介绍vue学习总结案例：用户列表案例。本文详细记录了所有步骤，拿来学习是真不错！
星月前端·2022-08-24 09:07

Vue学习总结(全）

Vue项目的创建安装#全局安装vue-cli$cnpminstall--globalvue-cli#创建一个基于webpack模板的新项目$vueinitwebpackmy-project#这里需要进行一些配置，默认回车即可ThiswillinstallVue2.xversionofthetemplate.ForVue1.xuse:vueinitwebpack#1.0my-project?Proj
梦码城·2022-07-19 07:07

【Vue学习总结】23.Vue UI框架 ElementUi的使用

接上篇《22.使用MintUI的infinite-scroll实现上拉分页加载》上一篇我们讲解了通过MintUI提供的infinite-scroll组件结合api接口实现一个上拉分页加载更多的功能，本篇我们来讲解VueUI的另一个PC端框架ElementUI。本系列博文使用的Vue版本：2.6.11ElementUI官方网站：https://element.eleme.cn/#/zh-CN一、El
光仔December·2022-05-30 19:46

vue学习总结笔记

vue学习总结1.关于项目的布局2.关于定位3.向空数组传入值问题问题4.div的传值5.事件子传父6.事件总线7.组件的点击事件8.导航浮动顶层9.解决导航浮动顶层10.路由操作11.点击切换问题12
小小雨伞·2022-03-13 14:34

vue学习阶段性总结回顾

vue学习总结文章目录vue学习总结引进库文件：三种方式引入简单实例简单解释模板语法数据绑定el的两种写法data属性的两种写法MVVM模型Object.defineproperity什么是数据代理？
缘分锝天空·2021-10-21 23:34

vue学习总结

1.Vue-Cli3脚手架项目文件目录显示如下项目文件解析src文件src：放置组件和入口文件。assets：主要存放一些静态图片资源的目录。components：这里存放的是开发需要的的各种组件，各个组件联系在一起组成一个完整的项目。router：存放了项目路由文件。App.vue：是项目主组件，也是项目所有组件和路由的出口，之后它会被渲染到项目根目录的index.html中显示出来，我们可以在
伤魂孤傲·2021-02-23 11:03

【Vue学习总结】14.Vue父子组件数据传递

接上篇《13.使用Axios、fetchJsonp请求数据》上一篇我们主要讲解了如何使用使用Axios、fetchJsonp请求网络数据，本篇我们来讲解Vue中父组件如何将值、方法、实例传给子组件。本系列博文使用的Vue版本：2.6.11一、什么是父子组件？传值的意义之前几篇博文中，有一篇是讲解如何使用Vue组件的，而且编写了一个根组件以及挂载的首页组件和新闻组件，结构如下：这里的根组件，相对其下
光仔December·2020-10-25 19:02

【Vue学习总结】11.Vue中组件的生命周期函数

接上篇《10.vue组件的使用》上一篇我们主要讲解了vue组件的使用。本篇我们来讲解vue的组件的生命周期函数。本系列博文使用的Vue版本：2.6.11一、什么是生命周期函数在vue里，生命周期函数就是组件挂载、更新和销毁时触发的一系列的方法，因为是在组件的各个生命周期发生时调用的回调方法，所以生命周期函数又被称为“生命钩子函数”。vue提供生命周期函数的目的，就是使开发人员可以在组件不同的阶段有
光仔December·2020-09-20 19:07

【Vue学习总结】10.vue组件的使用

接上篇《9.Vue结合localStorage和生命周期实现todolist》上一篇我们主要讲解了如何结合Vue的模块化以及封装Storage实现todolist（待办事项列表）。本篇我们继续讲解vue的其它特性，本篇主要讲解vue组件的使用。本系列博文使用的Vue版本：2.6.11一、什么是组件在vue编写的界面中，所有的基本元素都是以组件的形式构成、例如之前我们的“App.vue”就是一个组件
光仔December·2020-09-17 09:57

【Vue学习总结】8.Vue事件结合双向数据绑定实现todolist

接上篇《7.Vue定义方法、操作数据以及事件对象》上一篇我们主要讲解了Vue事件，以及如何定义、执行方法，如何获取和改变数据，执行方法传值以及事件对象的操作。本篇我们讲解通过Vue事件，结合双向数据绑定来实现todolist的效果。本系列博文使用的Vue版本：2.6.11一、要实现的ToDoList效果这一次我们要实现一个todolist的效果，这个todolist其实就是“正在进行”的任务的列表
光仔December·2020-09-10 18:59

【Vue学习总结】9.Vue结合localStorage和生命周期实现todolist

接上篇《8.Vue事件结合双向数据绑定实现todolist》上一篇我们主要讲解了通过Vue事件，结合双向数据绑定来实现todolist（待办事项列表）的效果。本篇我们讲解如何结合Vue的模块化以及封装Storage实现todolist（待办事项列表）。本系列博文使用的Vue版本：2.6.11上一篇我们实现了带有“进行中”和“已完成”效果的todolist（待办事项列表）：最后我们提出了一个问题，就
光仔December·2020-09-10 18:59

vue学习总结--引入reset.css与border.css

1.reset.css，初始化整体样式，去除某些标签的默认样式，比如的小黑点；因为每个人用的初始化样式都有所区别，但都大同小异，所以这里我只放我目前在用的代码，大家也可以自行搜索其他开发者发布的版本@charset"utf-8";html{background-color:#fff;color:#000;font-size:12px}body,ul,ol,dl,dd,h1,h2,h3,h4,h5,
the coderwu·2020-09-10 17:34

Leon 带你学 vue（持续更新）

vue学习总结vue优势轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb；简单易学：国人开发，中文文档，不存在语言障碍，易于理解和学习；双向数据绑定：保留了angular的特点，在数据操作方面更为简单
斯昂·2020-08-26 16:03

Leon 带你学 vue完结版

vue学习总结vue优势轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb；简单易学：国人开发，中文文档，不存在语言障碍，易于理解和学习；双向数据绑定：保留了angular的特点，在数据操作方面更为简单
斯昂·2020-08-26 16:03

Vue学习总结

Vue学习总结1、Vue单页应用理解一旦页面加载完成，SPA不会因为用户的操作而进行页面的重新加载或跳转；取而代之的是利用路由机制实现HTML内容的变换。
Ga_Galin·2020-08-22 10:40

vue学习总结一：keep-alive用法及（activated,deactivated生命周期）

activated(){console.log('activated页面打开时触发');},deactivated(){console.log('deactivated页面关闭时触发');}axios获取本地文件配置步骤一、修改config文件夹下面index.js文件配置proxyTable:{'/api':{target:'http://localhost:8081',pathRewrite:
baidu_41921865·2020-08-21 13:52

vue学习总结--基础指令

文章目录1.v-for2.v-cloak3.v-text与v-html4.v-bind4.1v-bind基本使用4.2v-bind动态绑定class的对象语法4.3v-bind动态绑定class的数组语法4.4v-bind动态绑定style的对象语法4.5v-bind动态绑定style的数组语法5.v-on6.v-if与v-else7.v-show7.1v-if和v-show的区别8.v-mode
the coderwu·2020-08-18 21:55

Vue学习总结-watch

Vue学习总结-watchwatch-监视文本框变化watch-监视路由地址的改变computed-计算属性的使用和3个特点watch、computed、methods的对比watch-监视文本框变化+
frieryumao·2020-08-18 20:05

Vue学习总结之Vue的生命周期是怎么运用操作的？本文详解

写在前面1.每一篇文章都希望您有所收获，每一篇文章都希望您能静下心来浏览、阅读。每一篇文章都是作者精心打磨的作品。2.如果您觉得二郎神杨戬有点东西的话，作者希望你可以帮我点亮那个点赞的按钮，对于二郎神杨戬这个暖男来说，真的真的非常重要，这将是我持续写作的动力。您只需要小手轻轻一点，带来的却是温暖了这个作者，给予他前进的动力。3.除了本文案例，结合多年开发经验我还整理出2020最新企业级高级实战视频
编程叫兽·2020-08-18 19:58

【Vue学习总结】7.Vue定义方法、操作数据以及事件对象

接上篇《6.Vue双向数据绑定和ref属性操作原生DOM》上一篇我们主要讲解了Vue及双向数据绑定和Vue事件，以及Vue中的ref获取dom节点的操作，本篇我们来详细的介绍Vue事件，以及如何定义、执行方法，如何获取和改变数据，执行方法传值以及事件对象的操作。本系列博文使用的Vue版本：2.6.11一、执行事件的方法这个我们在上一篇讲到，执行Vue的事件，在标签体中添加“v-on:click”属
光仔December·2020-08-18 03:28

【Vue学习总结】5.Vue绑定属性、Html、class、style

接上篇《4.绑定数据和对象、循环数组渲染数据》上一篇我们主要讲解了Vue的基础语法，绑定数据、对象，以及如何循环数组和渲染数据，本篇我们主要来介绍Vue属性、Html、class以及style的操作。本系列博文使用的Vue版本：2.6.11一、绑定属性上一篇我们讲解了Vue如何绑定数据，例如下面msg里面的值：{{msg}}在Vue中就可以使用data()函数来动态绑定msg的值exportdef
光仔December·2020-08-09 13:48

【Vue学习总结】4.绑定数据和对象、循环数组渲染数据

接上篇《3.Vue目录结构分析》上一篇我们主要讲解了Vue的目录分析，本篇我们主要来介绍Vue的基础语法，绑定数据、对象，以及如何循环数组和渲染数据。前几篇我使用的代码编辑器是HBuilder：HBuilder主要用来开发手机APP端的前端页面比较方便，但由于我们主要目的是开发Web端，暂时不以Webapp为主。所以目前比较好用的还是VisualStudioCode：VisualStudioCod
光仔December·2020-08-09 13:48

【Vue学习总结】6.Vue双向数据绑定和ref属性操作原生DOM

接上篇《5.Vue绑定属性、Html、class、style》上一篇我们主要讲解了Vue属性、Html、class以及style的操作，本篇我们主要来介绍Vue及双向数据绑定和Vue事件，以及Vue中的ref获取dom节点的操作。本系列博文使用的Vue版本：2.6.11一、双向数据绑定什么叫做“双向数据绑定”？其实就是我们前面提到过的“MVVM”，即“Model-View-ViewModel”，是
光仔December·2020-08-09 13:48

Vue学习总结

webstorm创建vue项目后立即运行可能会报一些框架未安装的错误，可以先等一下，估计是后台安装。v-for错误报错代码{{todo.text}}报错提示✘https://google.com/#q=vue%2Frequire-v-for-keyElementsiniterationexpecttohave'v-bind:key'directivessrc/components/AboutUs.
jimmychenj·2020-08-03 15:06

Vue学习总结-指令

Vue学习总结-指令指令-自定义全局指令让文本框获取焦点指令-使用钩子函数的第二个binding参数拿到传递的值全局指令定义私有指令简写指令指令-自定义全局指令让文本框获取焦点搜索关键字://document.getElementById
frieryumao·2020-07-31 17:51

vue学习总结六：keep-alive用法以及activated,deactivated生命周期的讲解

注意：项目讲解案例参照之前的博客，如有不理解的地方，请按vue学习总结顺序查看。
Buddha_ITXiong·2020-07-31 13:23

和小白一起学习Vue—Vue学习总结篇

Vue学习总结作者：小白的蟒蛇小白撰写，不喜勿喷，错误之处大神请指正。一、基础学习1.基本废话vue的学习要有最基本的前端知识基础。html、css、javascript。
小白的蟒蛇·2020-07-30 09:04

vue学习总结(三,案例用vue开发网易云音乐(已实现在线播放和下载))

效果如图:完整代码:Documenthtml,body{height:100%;padding:0;margin:0;}#app{height:100%;display:flex;}#app>#left{flex:1;background-color:skyblue;text-align:center;/*超出滚动*/overflow:scroll;}#app>#right{flex:1;back
庚中·2020-07-29 00:27

vue学习总结一(vue指令和vue常用概念:语法糖,生命周期,过滤器)

Vue的三大特点:简单、灵活、高效1.简单只要开发者有HTML、CSS、JavaScript三个的基础我们就可以使用它去完成项目的开发，不用像Angular需要对Typescript、RxJS等等一些东西做一个新的学习，这一点上来说Vue的上手难度来的更低一些。2.灵活我们可以单独引入Vue.js文件配合项目的其他配置使用，我们也可以用vue/cli一整套的框架使用。给我们带来了更加灵活的使用方式
庚中·2020-07-15 10:15

VUE学习总结(一)

构造器每一个Vue.js的应用都是通过够构造函数Vue创建的一个Vue的根实例。例如：varvm=newVue({//选项})上述代码中在实例化vue的时候需要传入一个对象，它可以包涵数据、模板、挂载元素、方法、生命周期钩子等。当然为了创建可复用的组件构造器，我们可以通过扩展vue构造器的方法实现来实现预定义选项，通过扩展的预定义选项来创建更多可复用的组件。例如：varMyComponent=Vu
枫叶笛花·2020-07-14 06:26

vue学习总结(六--黑马买买买项目--附源码)

今天开始用vue-cli做黑马买买项目:步骤:一.开始创建项目1.创建命令:vuecreateheimabuy2.打开命令cdheimabuy3.删掉hello-world多余文件4.在App.vue里导入首和尾(中间放router-view路由的出口),和引入样式(在素材里有);样式:记得在main.js里写,采用import,公共的文件都写在这里.完成后效果如下:5.创建分支,终端上执行如下命
庚中·2020-07-09 01:25

【Vue学习总结】3. Vue目录结构分析

接上篇《2.Vue环境搭建、运行第一个项目》上一篇我们主要讲解了Vue的环境的搭建，本篇我们主要来分析Vue项目的目录结构。一、Vue项目文件目录详情介绍下面就是上一篇我们搭建的一个样例工程的完整结构（install后）：其中包括了node_modules、build、config、src、static以及test文件夹，还有index.html的超文本文件，和package.json以及pack
光仔December·2020-07-05 12:03

vue学习总结--父子组件通信（props的驼峰标识）

先放源码：Title{{cInfo}}{{childMyMessage}}constcpn={template:'#cpn',props:{cInfo:{type:Object,default(){return{}}},childMyMessage:{type:String,default:''}}}constapp=newVue({el:'#app',data:{info:{name:'why'
the coderwu·2020-07-05 09:25

Vue学习总结(更新中)

一、Vue的基本使用及模板语法1、Vue简介1.1Vue是一套用于构建用户界面的渐进式框架：声明式渲染—>组件系统—>客户端路由—>集中式状态管理—>项目构建1.2优点：易用：熟悉HTML、CSS、JavaScript知识后，可快速上手Vue灵活：在一个库和一套完整框架之间自如伸缩高效：20kB运行大小，超快虚拟DOM2、Vue的基本使用2.1Vue使用的基本步骤1、需要提供标签用于填充数据2、引
是日前端·2020-07-02 00:41

前端之路--vue学习总结(脚手架vue-cli)

vue学习总结前端之路–前端开发环境搭建前端之路–vue学习总结(vue-router)前端之路–vue学习总结(组件封装:父子组件通信)vue-cli安装1.如果安装有旧版本先卸载。
JS新贵·2020-07-01 12:13

前端之路--vue学习总结(vue-router)

vue-router前端之路–前端开发环境搭建前端之路–vue学习总结(脚手架vue-cli)前端之路–vue学习总结(组件封装:父子组件通信)VueRouter是Vue.js官方的路由管理器。
JS新贵·2020-07-01 01:34

前端之路--前端开发环境搭建

前端开发环境搭建前端之路–vue学习总结(脚手架vue-cli)前端之路–vue学习总结(vue-router)前端之路–vue学习总结(组件封装:父子组件通信)1.开发环境配置（windows）安装node.js
JS新贵·2020-07-01 01:34

前端之路--vue学习总结(axios)

关于axios前端之路–前端开发环境搭建前端之路–vue学习总结(脚手架vue-cli)前端之路–vue学习总结(vue-router)前端之路–vue学习总结(组件封装:父子组件通信)Axios是一个基于
JS新贵·2020-07-01 01:34

前端之路--vue学习总结(组件封装:父子组件通信)

vue组件封装:父子组件通信前端之路–前端开发环境搭建前端之路–vue学习总结(脚手架vue-cli)前端之路–vue学习总结(vue-router)组件的封装涉及到了组件之间的相互通信，这里面包含了更多的知识点
JS新贵·2020-07-01 01:34

Vue学习总结

Vue基础指令：插值表达式：语法：{{要插入的值}}，此时相当于占位符，到时候{{关键字}}会被替换成Model中的数据bug点：当网速较慢时，Vue初始化未完成时，插值表达式不能被解析，会直接显示出来，加载完毕之后又会被替换成真实结果，造成闪烁（Vue的加载代码写在HTML元素之后时会出现该bug）1.v-cloak指令：语法：把它当作HTML元素的一个属性使用示例：{{msg1}}特点：当Vu
java—explore·2020-06-29 14:49

Vue学习总结（三）：webpack和vue-cli

webpackWebpack是一个前端资源的打包工具，它可以将js、image、css等资源当成一个模块进行打包。中文官方网站：https://www.webpackjs.com/官网给出的解释：本质上，webpack是一个现代JavaScript应用程序的静态模块打包器(modulebundler)。当webpack处理应用程序时，它会递归地构建一个依赖关系图(dependencygraph)，
devp_yang·2020-06-29 08:48

vue学习总结

1.Vue是目前最火的前端框架,与Angular.js和React.js并称为前端三大框架MVVM跨平台:React-ReacNative-taroVue-Week-uniapp2.为什么要学习Vue框架什么是框架？框架的作用？框架:半成品的开发,提高开发效率.前端提高开发效率的发展历程:DOM原生js-jquery-前端模板引擎(DOM操作降低了ajax请求函数的复用性)MVVM:Angular
qq_25591259·2020-06-25 02:25

Vue学习总结（一）

VUX安装npminstallvux需要对build/webpack.base.conf.js文件进行配置constvuxLoader=require('vux-loader')constwebpackConfig={}//替换原来的module.exportsmodule.exports=vuxLoader.merge(webpackConfig,{plugins:['vux-ui']})//最
景象·2020-06-21 16:02
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他