vue学习

从小白开始学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学习- 列表渲染v-for

v-for用法可操作的对象：数组（普通数组，对象数组）、对象、数字；以对象数组为例：letarr=[{name:'张三'，age:'18',sex:'男'},{name:'李思'，age:'20',sex:'女'},{name:'庞斑'，age:'31',sex:'男'}]方式1：v-for="itemindataList"方式2：v-for="(item,index)indataList":ke
云胡不喜？·2020-07-05 04:12

vue学习 22传值和传引用

属性传值可以传两种东西1.传具体的值2.传一个引用如果是传引用，基本上就两个，一个是我们的数组，一个是对象传引用的话，如果有不止一个地方应用到。改变其中一个，别的地方也会被改变。无论是否在一个组件当中传值的话，只会改变当前组件中应用到的地方Users.vue{{user.name}}{{user.info}}删除userexportdefault{name:'users',//props:["us
数学太陡·2020-07-05 03:03

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学习过程中的坑

1.在创建组件时报错Invalidvalueforoption"components":expectedanObject,butgotArray在注册组件时，components:{},而非components:[],解决办法：components:{template}学习博客:https://blog.csdn.net/zhongguohaoshaonian/article/details/79
ioszhanghui·2020-07-04 18:04

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

32vue学习——父组件向子组件传递方法及将子组件的数据传递给父组件

32vue学习——父组件向子组件传递方法及将子组件的数据传递给父组件前言：在前面一篇文章中，我们学习了如何将父组件中的数据传递给子组件。那我们父组件的方法是不是也可以传递给子组件调用呢？答案是肯定哒！
0563xixi·2020-07-04 03:28

vue学习资料二（类和样式的绑定）

VUE类的绑定方式一：对象绑定方式语法：v-bind:class="{className:isShow}"className依然在style中设置，isShow映射在data中，名称自定义，值为true则加上这个类，如果为false则不加上这个类；举例：.red{color:red;}.bg-green{background-color:green;}{{value}}vardemo=newVue
凯哥开小灶·2020-07-04 02:57

VUE学习心得(持续更新ing!)

这篇博文将长期更新，将会是我自己踩得坑，自己爬坑的总结1.组件部分在Vue的components里边，每个template里边的元素，必须有一个大的盒子完整包裹1234就像这段代码中的否则，在引入components的时候，将只出现第一个被包裹的part，其余部分不显示。2.关于thisvar_self=this;这段时间看公司前辈的代码，经常看到这么一段，当时内心的OS：不就是个this，直接用
Campanulata·2020-07-02 15:47

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

Vue学习

使用引入vue文件后，会有全局的变量vue使用newVue({启动应用newVue(选项对象)选项对象是告诉vue做什么el:"#app",选择器、选择body中的某个元素作为模板data:{数据对象做模板时可拿到该对象的数据对象形式a:"hello"}})letdata={message:'abc'a:'11111111'}newvue({el:'#app',data:{data:data定义在
fdgdfsdfds·2020-07-01 23:40

Vue学习-快速创建Vue项目

1.创建Vue项目之前必须安装node.js(安装步骤省略)npm与cnpmcnpm是淘宝团队做的国内镜像，因为npm的服务器位于国外可能会影响安装。淘宝镜像与官方同步频率目前为10分钟一次以保证尽量与官方服务同步。安装：命令提示符执行npminstallcnpm-g--registry=https://registry.npm.taobao.orgcnpm-v来测试是否成功安装2、搭建vue的开
想起个好名字·2020-07-01 23:50

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加上radio和checkbox的CRUD

vue学习语法demo1序号名字年龄性别爱好操作{{item.id}}{{item.name}}{{item.age}}{{item.sex}}上网游戏唱歌看书游泳抽烟喝酒编辑删除男女上网游戏唱歌看书游泳抽烟喝酒添加编辑
datou-leo·2020-07-01 20:16

Vue学习

documentjs:可改变HTML元素、属性和css样式事件作出反应查找HTML元素document.getElementById("id名")document.getElementByTagName("标签名")document.getElementByClassName("类名")改变HTML内容document.getElementById("id名").innerHTML=""//改变H
丿白驹过隙丶·2020-07-01 19:56

Vue学习笔记1——基础

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

SWAPI复制——菜鸟vue学习体会

项目需求复制https://swapi.co/网站你需要想办法获取该网站所有资源与数据你需要考虑部分资源的授权访问，以满足本作业的要求前端需求模仿swapi实现主页面、about页面、document页面布局调用后端API实现搜索等功能逻辑VUE基础准备由于这是我第一次接触vue，因此对vue的工作原理等方面都不太了解，一开始只知道它是一套用来写前端的框架。此处推荐官方文档，对新手学习vue非常友
Yezo13·2020-07-01 15:39

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

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

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学习总结(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学习笔记

前端知识体系文章目录前端知识体系前端三要素结构层（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学习5----Vue点击事件，方法，获取数据，改变数据，事件对象及自定义属性

效果图：源码（复制即可运行）App.vue{{this.msg}}点击事件写法1点击事件写法2获取data中的数据改变data中msg的值点击渲染列表带参数的方法事件对象{{key}}---{{item}}exportdefault{name:'app',//数据data(){return{msg:'WelcometoYourVue.jsApp',list:[],}},//方法methods:{i
zhaihaohao1·2020-06-30 13:27

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学习经验 项目目录

目录一.Vue的介绍1.为什么使用框架2.框架和库的区别3.vue是什么4.组件之间的传值10.import和export11.源码目录12.name的使用15.computed计算属性的使用16.vue插件大全http://tangjiusheng.com/vue/155.html17.传递事件用$event18.vue的默认打开19.vue获取组件自己的宽度20.vue的keep-alive缓
青柠知秋·2020-06-30 12:23

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做的跟随鼠标移动的div

2、程序比较简单，直接上代码Vue学习.drag{width:100px;height:100px;position:absolute;top:0;left:0;background-color:re
姚华军·2020-06-30 07:11

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学习之父组件与子组件之间以及兄弟组件之间的通信

vue最大的优点是好维护，复用率高。其中最主要的原因就是一个页面是有很多个子组件拼接起来的，座椅哪个模块需要优化改变，只需要去修改对应的组件即可。所以，各个组件之间肯定是需要相互联系，相互通信的。现在，我们来看下父子组件之间如何相互通信。1：父组件向子组件输送数据，主要通过props属性。props可以是数组或对象，用于接收来自父组件的数据。props可以是简单的数组，或者使用对象作为替代，对象允
ygy211715·2020-06-30 07:44

三、vue学习之模板与父子组件传值

模板与父子组件传值//子模板需要挂载//varHeader={//data(){//return{//msg:'我是头部'//};//}//template:'{{msg}}'//};Vue.component('Header',{data(){return{msg:'我是头部',text:'我是子组件传进来的内容'};},props:['content'],template:'{{msg}}({
一个名字很长很长很长的JAVA工程师·2020-06-29 22:42

vue 多页面应用搭建

下来对这几天的vue学习进行总结。在对vue有些了解后在结合以前的系统，觉得多页面的应用才是符合目前的需求。一环境搭建1.安装node先安装node.js开发环境，vue
wx_com·2020-06-29 22:33

vue学习(二)基础入门-vscode

作为一个新手，可以说是连原生JS学得也不怎么样的人，一上来就要学vue，那肯定得找个好一点的IDE来顶住。这个就是vscode了，是真的好用。一、简述VisualStudioCode（VScode）官网地址：https://code.visualstudio.com/VisualStudioCode（VScode）github地址：https://github.com/Microsoft/vsco
wuyxinu·2020-06-29 21:08

vue学习(三)基础入门-码云

想必大家都用过GitHub吧，码云就是中国版的GitHub，感觉是挺好用的下面是码云的使用教程第一步、先要在码云上面创建一个空的项目：然后填个项目名称就行了，项目介绍可填可不填。第二步、创建成功后，获取到其URL就行了。第三步、就是到IDEA上面去把自己的项目上传到码云上面来。如果是自己新建项目的话，或者是去pull别人的项目之类的，就后端用IDEA将自己代码托管的操作可以参照这个博主的文章。这里
wuyxinu·2020-06-29 21:35

新手学习向---简单利用vuecli3.0 构建vue项目

1.vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板，属于vue学习中不可或缺的部分。
N�c·2020-06-29 21:58

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的第一步（vue学习1）

如何开始学习vue的第一步（vue学习1）本文主要记录作者如何学习vue和一些学习内容（连载）vue学习小前提（推荐了解）了解js基本语法，https://www.w3cschool.cn/javascript
clors·2020-06-29 16:00

2019-11-4晨间日记

平静纪念日：无任务清单昨日完成的任务，最重要的三件事：日更文章改进：需要利用时间，学会学习习惯养成：跳有氧操，学习vue，敷面膜，晚上不吃饭周目标·完成进度深度学习vue，目前进度0%学习·信息·阅读VUE
阿娇不娇不骄且不焦·2020-06-29 16:52
上一页 36 37 38 39 40 41 42 43 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他