Vue学习笔记

Vue学习笔记入门篇——安装及常用指令介绍

本文为转载，原文：Vue学习笔记入门篇——安装及常用指令介绍介绍Vue.js是当下很火的一个JavaScriptMVVM库，它是以数据驱动和组件化的思想构建的。
weixin_30367169·2020-07-05 20:03

VUE学习笔记(三) 运行VUE

.VUE学习笔记(一)环境VUE学习笔记(二)VisualStudioCodeVUE学习笔记(三)运行VUEVUE学习笔记(四)引用element-uiVUE学习笔记(五)引入axios一用VSCode
会飞De琥珀·2020-07-05 16:34

vue学习笔记之vue-router（1）（安装和使用vue-router、动态路由、路由的懒加载）

认识vue-routervue-router是基于路由和组件的路由用于设定访问路径,将路径和组件映射起来.在vue-router的单页面应用中,页面的路径的改变就是组件的切换.安装和使用vue-router再初始化项目的时候已经安装路由了，现在再src文件夹；里面就会多出一个router的文件夹，这里面的index.js文件就是使用vue-router*index.js//配置路由importVu
qq_39773416·2020-07-05 07:26

从小白开始学vue学习笔记（一）——基础篇

目录一、引入vue二、helloWorld程序三、声明式渲染四、条件与循环五、处理用户输入六、组件化应用构建与自定义元素的关系SLOTAPI定义插槽算法获取分布式节点算法分布分辨率算法slot元件扩展到Element七、Vue实例1、创建一个Vue实例2、数据与方法3、实例生命周期钩子4、生命周期图示八、模板语法1、插值（1）文本（2）原始html（3）特性（4）使用Js表达式2、指令（1）参数（
Lioner-CSU·2020-07-05 05:35

从小白开始学vue学习笔记（二）——事件篇

目录一、事件处理1、监听事件2、事件处理方法3、内联处理器种的方法4、事件修饰符默认冒泡5、按键修饰符（1）按键符（2）系统修饰符（3）.exact修饰符（4）鼠标按钮修饰符6、为什么在HTML中监听事件二、表单输入绑定1、基础用法2、文本3、多行文本4、复选框5、单选按钮6、选择框7、值绑定（1）复选框（2）单选按钮（3）选择框的选项8、修饰符（1）.lazy（2）.number（3）.trim
Lioner-CSU·2020-07-05 05:35

从小白开始学vue学习笔记（五）——可复用性 & 组合篇

目录一、混入1、基础2、选项合并3、全局混入4、自定义选项合并策略二、自定义指令1、简介2、钩子函数3、钩子函数参数（1）动态指令参数4、函数简写5、对象字面量三、渲染函数&JSX1、基础2、节点、树以及虚拟DOM（1）虚拟DOM3、createElement参数（1）深入数据对象（2）完整示例（3）约束4、使用JavaScript代替模板功能（1）v-forv-if（2）v-model（3）事件
Lioner-CSU·2020-07-05 05:02

从小白开始学vue学习笔记（三）——组件篇

目录一、组件注册1、组件名2、组件名大小写使用kebab-case使用PascalCase3、全局注册4、局部注册5、模块系统（1）在模块系统中局部注册（2）基础组件的自动化全局注册二、Prop1、Prop的大小写(camelCasevskebab-case)2、Prop类型3、传递静态或动态Prop（1）传入一个数字（2）传入一个布尔值（3）传入一个数组（4）传入一个对象（5）传入一个对象的所有
Lioner-CSU·2020-07-05 05:02

从小白开始学vue学习笔记（四）——动画篇

目录一、概述1、单元素/组件的过渡（1）过渡的类名（2）CSS过渡（3）CSS动画（4）自定义过渡的类名（4）同时使用动画和过渡（5）显性的过渡持续时间（6）JavaScript钩子2、初始渲染的过渡3、多个元素的过渡（1）过渡模式4、多个组件的过渡5、列表过渡（1）列表的进入/离开过渡（2）列表的排序过渡_.shuffle(collection)：6、列表的交错过渡(模糊搜索)7、可复用的过渡8
Lioner-CSU·2020-07-05 05:02

Vue学习笔记进阶篇——vue-resource安装及使用

本文是基于之前的文章（Vue学习笔记进阶篇——vue-cli安装及介绍）vue-cli脚手架工具的。基本语法引入vue-resource后，可以基于全局的
南山区区草·2020-07-05 03:45

vue之vue-router（路由）的使用

vue学习笔记——vue-router（路由）使用路由的时候有两个必要的知识：：这个相当于a标签，点击的切换时候的按钮，：这个就是你加载过来的组件放的位置使用方法：1、cnpminstallvue-router
luoyu6·2020-07-04 23:29

vue学习笔记

1.v-if&v-show:v-if是'真正的'条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建.v-if也是惰性的,如果在初始渲染时条件为假,那么什么都不做--直到条件第一次为真的时候才会开始渲染条件块,相比之下,v-show就简单得多--不管初始条件是什么,元素总会被渲染,并且只是简单的基于css进行切换.一般来说,v-if有更高的切换开销,而v-show有更高
leverge2009·2020-07-04 21:29

Vue之弹出框

思路我所知，组件实例化有三种方式，见vue学习笔记3.1小节。通过$mount方法可以将组件以编程时的方式动态插入DOM中，$destroy方法可以清理组件实例，然后再删除DOM元素。代码
千霜·2020-07-04 19:57

Vue学习笔记——全局API

第1节：Vue.directive自定义指令{{num}}Add//Js:Vue.directive('jspang',function(el,binding,vnode){el.style='color:'+binding.value;});varapp=newVue({el:'#app',data:{num:10,color:'green'},methods:{add:function(){t
Stephen-James·2020-07-04 16:33

VUE学习笔记

Vue项目骨架下载:骨架下载1,安装依赖的命令:npminstall2,启动依赖:"scripts":{"dev":"webpack-dev-server--inline--progress--configbuild/webpack.dev.conf.js",//热部署"start":"npmrundev","build":"nodebuild/build.js"},启动命令:npmrundev或
chuangkui8021·2020-07-04 13:31

Vue学习笔记

目录一.模板语法:1.插值1.1文本1.2.原始HTML1.3.使用javascript表达式2.指令2.1.指令参数2.2.缩写二.计算属性和侦听器2.1计算属性:解释:2.2计算属性缓存vs方法2.3.计算属性(computed)vs侦听属性(watch)2.4计算属性computed2.5.计算属性的setter三.Class与Style绑定3.1:绑定HTMLClass四.条件渲染4.1.
Gleason.·2020-07-04 12:19

Vue学习笔记——基础语法

Vue学习笔记——基础语法目标：能够说出Vue的基本用法能够说出Vue的模板语法能够说出Vue的常用特性能够基于Vue实现案例效果一些总结：1.把字符串渲染到页面上有哪些方式？
是行是行啊·2020-07-02 12:35

vue学习笔记

初始化组件1.流程图2.组件初始化vue.jsfunctionVue(options){this._init(options)//调用instance/init.js进行初始化工作}instance/init.js_init=function(options){options=options||{}//省略一部分代码//合并初始化参数options=this.$options=mergeOptio
sanford·2020-07-02 02:17

vue学习笔记：一、vue基础语法

1、模板语法Mustache语法：{{msg}}Html赋值：v-html=“”绑定属性：v-bind:id=“”使用表达式：{{ok?'YES':'NO'}}文本赋值：v-text=“”指令：v-if=“”过滤器：{{message|capitalize}}和v-bind:id="rawId|formatId"2、Class和Style绑定对象语法：v-bind:class="{active:i
_夏兮·2020-07-01 23:50

Vue学习笔记1——基础

前言作为只搞后端程序的我本来只掌握前端三件套和thymeleaf就够了，奈何疫情在家做毕设，做着做着发现现在好的前端模板几乎都是基于Vue构建了。大二绘蓝杯结束后邓刚学长就提议过让我学一学Vue，奈何后面的时间断断续续只是零零散散的学，这次决定静下来，好好补补这一块。PS：本次学习是跟着B站视频vue教程-黑马-vue2.4–vuejs-vue.js-205集完整版-前端框架-前端-刘龙宾-刘龙宾
ZPeng_csdn·2020-07-01 15:05

Vue学习笔记之事件处理

上一篇：Vue学习笔记之列表渲染事件监听可以用v-on指令监听DOM事件，但是大部分事件都比较复杂，因此，v-on还可以接收一个需要调用的方法名称。
aitality·2020-07-01 11:46

Vue学习笔记

View层--->html标签|Model层--->data数据一．v-for：1.数组：(两种：数据数组，对象数组)可选参数索引index1.arr:['apple','banana','pear']{{item+index}}li>2.arrObj:[{name:'hanna'},{name:'lsb'},{name:'bobo'}]{{item.name+index}}li>push();p
韩辣yaya_前端程序媛·2020-07-01 07:00

VUE学习笔记

前端知识体系文章目录前端知识体系前端三要素结构层（HTML）表现层（CSS）什么是CSS预处理器常用的CSS预处理器有哪些行为层（JavaScript）Native原生JS开发TypeScript微软的标准JavaScript框架UI框架JavaScript构建工具三端统一混合开发（HybridApp）微信小程序后端技术附：扩展阅读当前主流前端框架Vue.jsiViewElementUIICEVa
不忘初心&·2020-06-30 16:38

vue学习笔记（2）——基础设置

githubvue学习笔记（1）主要介绍vue项目的创建vue学习笔记（3）主要介绍vue的router简单用法对于一个项目而言，会有自己的一套颜色体系，这个时候会在src文件夹下创建一个styles，
溪语流沙·2020-06-30 16:15

Vue学习笔记之v-for、v-bind、v-on、v-if的语法

定义变量：let—>定义变量而const—>定义常理vue.js编程范式：声明式编程语法：v-for="iteminmoves"循环“moves”数组里面的值，然后赋值给itemv-bind：动态绑定计算函数中for的三种写法计算与函数的区分：for循环的时候，性能就区分开来了v-on：如果该方法不需要额外的参数，那么该方法的（）可以不添加此括号。但是注意，如果该方法本身只有一个参数，那么会默认将
大数据时代·2020-06-30 12:58

vue学习笔记--将原生事件绑定到组件

效果：image.png方法1:当点击你好时，子组件会间听到自身div元素被点击了通过$emit向外触发一个自定义事件,同时在中又监听了这个自定义事件，这时handleclick1就会被执行。html:script:Vue.component('component1',{template:'你好',methods:{handleclick1:function(){this.$emit('click
一个总在代码里给自己下毒的小白·2020-06-30 08:00

vue学习笔记1 - 实现一个简单的用户登录

在vue.js+webpack环境搭建中我们已经创建了一个项目，基于创建的项目，我们来增加一个路由用于用户登录。修改router/index.js文件importVuefrom'vue'importRouterfrom'vue-router'importHellofrom'components/Hello'importLoginfrom'components/Login'Vue.use(Route
delicacylee·2020-06-30 07:05

vue基础学习笔记（四）

文章目录0.vue学习笔记之项目相关1.准备开始1.1学员反馈1.2错误解决补充2.今日重点2.1项目相关2.2同异步文件上传2.3给父元素设置高度后就能实现上拉2.4组件间的通信，加入购车和数据累加3
winter wang·2020-06-29 19:59

vue基础学习笔记（三）

文章目录0.vue学习笔记之axios补充，计算属性，项目之主页和新闻1.准备开始2.复习3.今日重点4.axio深入5.拦截器5.1拦截器操作token(扩展)5.2拦截器操作loadding6.监视
winter wang·2020-06-29 19:59

vue学习笔记之路由守卫触发流程梳理

路由守卫触发流程梳理路由守卫概括来说可以分为全局路由守卫、路由独享守卫和组件内路由守卫。本次笔记将梳理一下当路由发生改变时各个路由钩子触发的顺序，帮助更好的理解路由机制。路由触发的流程我分为了两类：一类是不同组件（组件A跳转到组件B）的路由跳转流程。另一类是复用组件的路由跳转流程（组件A包含动态路由参数，只改变组件A的动态路由参数触发的路由跳转流程，示例：name/:id,只改变id的值来触发路由
紫色小衬衣·2020-06-29 12:05

vue学习笔记：用vue来写一个todolist，并且在vue中封装一个js，在组件中调用

今天我要实现的是一个简单的可以在本地进行缓存的todolist待办事项功能，例如网上的待办事项：http://www.todolist.cn/，可以根据自己的需要进行添加、删除和改变事项的状态，下面我们就用vue来实现这个功能。我们使用的vue-cli搭建的一个项目，在app.vue根组件进行编写，这样就不用创建路由进行跳转了，具体实现如下：组件html模板：进行中{{item.title}}--
落花别有意 流水似无情·2020-06-29 06:29

Vue学习笔记

vue.js过渡效果在选择使用过度效果来设置元素的出入时，要注意的问题el元素绑定的标签必须包含其他的受控内容，例如：Togglerenderhello*需要注意的是，v-if或v-show两个标签必须在transition内VUX在组件上绑定时间要使用v-on:click.native="todo"
Rio2017110·2020-06-27 22:06

vue学习笔记（三）- vue2.x引入Element-ui

vue学习笔记（三）-vue2.x引入Element-uiwebpack+vue2.x+element-ui作者：狐狸家的鱼本文链接：vue2.x引入Element-uiGitHub：sueRimn1、
DebJane·2020-06-26 15:48

vue学习笔记

资源来源：vue中文文档本文绝大部分资料摘录自Vue官方文档，方便日后查阅。Vue.js是什么  Vue是一套用于构建用户界面的渐进式框架。Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅仅易于上手，还便于与第三方库或既有项目整合。  Vue专注于渲染/更新非常简单的组件树的真实性能。组件的依赖是在渲染过程中自动追踪的。  Vue整体思想：拥抱经典的Web技术，并在其上进行扩展
rbuli·2020-06-26 15:04

vue-admin-template笔记（六）

文章目录Vue学习笔记（六）layoutlayout.jsResizeHandler.jsnvabar.vuehamburgerBreadcrumbAppMain.vuesidebarsidebaritemitemlink
seedcup·2020-06-26 08:37

vue-admin-template笔记（一）

文章目录Vue学习笔记（一）初步印象子模块main.jsApp.vuerouter总结参考Vue学习笔记（一）学习vue-admin-templatehttps://github.com/PanJiaChen
seedcup·2020-06-26 08:36

vue学习笔记——组件(单文件组件)

vue学习笔记——组件(单文件组件)一、创建组件(脚手架中)在脚手架中，创建一个组件即在components中创建一个文件类型为vue的文件，如HellloWorld.vue组件中包含template模板
Coolinx·2020-06-25 21:15

Vue学习笔记4--vue-router路由

vue-router前端路由完整的基础篇笔记PDF下载，完全手打有用的话请给个赞呗Thanks♪(･ω･)ﾉ路由的基本概念本质路由本质是对应关系路由分类后端路由概念：根据用户的URL请求返回不同内容本质：URL请求地址与服务器资源之间的对应关系前端路由概念：根据不用的用户事件，显示不用的页面内容本质：用户事件和事件处理函数之间的对应关系实现简单的前端路由基于URL中的hash实现（点击菜单的时候改
坤坤苦学Java·2020-06-25 16:02

Vue和React学习笔记

【Vue学习笔记】MVVM模式Model：负责数据存储View：负责页面展示ViewModel：负责业务逻辑处理（比如Ajax请求等），对数据进行加工后交给视图展示Vue框架的特点模板渲染：基于html
汤姆猫丶·2020-06-25 16:48

vue学习笔记

1、key的作用主要是为了高效的更新虚拟DOM。另外vue中在使用相同标签名元素的过渡切换时，也会使用到key属性，其目的也是为了让vue可以区分它们，否则vue只会替换其内部属性而不会触发过渡效果。Vue计算属性的使用2、我们都知道在Vue构造函数的参数对象中有一个【data】属性，该属性值是一个对象，该对象是对数据的代理，是一个键值对并且时刻与页面表现是一致的，但是这里面只能是简单的键值对，不
我的包子·2020-06-25 10:26

vue学习笔记

好久没更新啦，一直忙于工作，感觉是时候要抽点时间出来进修一下啦，暂时在学习vue，虽然作为一个后台开发，但是感觉前端的东西还是要懂一丢丢的，暂时先从慕课上面的课程学起吧，记下一些笔记之类的.bg{color:red;}HelloWorld{{msg}}{{msg}}{{count+1}}baidu-->baidu加数字-->加数字newVue({el:'.bg',data:{msg:"HelloV
围巾的ACM·2020-06-25 00:44

Vue学习笔记（一）——Vue与angularJS比较分析

参考文档：https://cn.vuejs.org/v2/guide/虚拟dom映射到真实dom的机制不同angularJS通过脏检查来实现，当作用域内变量发生变化时会触发脏检查，脏检查会遍历当前虚拟dom树下所有的变量检查是否变化，如果变化则更新对应的真实dom，这个检查动作会执行多次，直到没有变量改变为止。要注意的是，这个遍历动作不会区分变量是否改变，即所有的变量在每次遍历过程中都会检查，这是
讨厌走开啦·2020-06-24 09:30

Vue学习笔记（十六）——组件的懒加载

参考文档一：https://cn.vuejs.org/v2/guide/参考文档二：https://www.cnblogs.com/zhanyishu/p/6587571.html懒加载实质是让页面非必须资源延迟加载，减少页面加载用时，从而达到页面性能优化的目的。在vue工程中，通常会在以下两个场景应用懒加载：1.路由依赖组件的懒加载：路由声明的懒加载组件以及该组件依赖的其他组件会打包成独立的ch
讨厌走开啦·2020-06-24 09:30

Vue 学习笔记1（01-39）（2019.7.28-31）

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

Vue 学习笔记 - 基础（下） 组件基础

Vue学习笔记-基础（下）组件基础基本示例组件的复用组件的组织通过Prop向子组件传递数据单个根元素监听子组件事件在组件上使用`v-model`通过插槽分发内容动态组件通过已注册的组件名字通过组件选项对象解析
笑虾·2020-06-23 23:58

Vue 学习笔记 - 基础（中）

Vue学习笔记-基础（中）条件渲染`v-if``v-show``v-if`vs`v-show`v-if与v-for一起使用(在同一标签上)列表渲染`v-for`遍历数组`v-for`遍历对象维护状态数组更新检测变更方法替换数组注意事项显示过滤
笑虾·2020-06-23 23:58

Vue 学习笔记 - 基础（上）

VUE学习笔记-基础（上）安装VueDevtools直接用＜script＞引入命令行工具(CLI)介绍Vue实例模板语法`{{}}`：文本插值`v-html`：插html`v-bind`指令：绑定属性`
笑虾·2020-06-23 23:58

Vue 学习笔记 - 深入了解组件

Vue学习笔记-深入了解组件组件注册组件名组件名大小写全局注册局部注册模块系统在模块系统中局部注册基础组件的自动化全局注册PropProp的大小写(camelCasevskebab-case)Prop类型传递静态或动态
笑虾·2020-06-23 23:58

vue学习笔记（一）

vue学习笔记（一）1.开始一个vue的实例通过script标签引入vue文件或者：在html中创建一个VUE实例Documentvarapp=newVue({el:'#app',//vue会自动查找相匹配的元素
不秃头的赖·2020-06-23 16:10

Vue学习笔记之嵌套路由

一、嵌套路由实际生活中的应用界面，通常由多层嵌套的组件组合而成。同样地，URL中各段动态路径也按某种结构对应嵌套的各层组件，例如：/user/foo/profile/user/foo/posts+------------------++-----------------+|User||User||+--------------+||+-------------+|||Profile||+-----
WebKoalaBoy·2020-06-23 15:14

Vue学习笔记之路由数据获取

数据获取有时候，进入某个路由后，需要从服务器获取数据。例如，在渲染用户信息时，你需要从服务器获取用户的数据。我们可以通过两种方式来实现：导航完成之后获取：先完成导航，然后在接下来的组件生命周期钩子中获取数据。在数据获取期间显示“加载中”之类的指示。导航完成之前获取：导航完成前，在路由进入的守卫中获取数据，在数据获取成功后执行导航。从技术角度讲，两种方式都不错——就看你想要的用户体验是哪种。导航完成
WebKoalaBoy·2020-06-23 15:14
上一页 13 14 15 16 17 18 19 20 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他