#vue学习

狂神老师后端开发 Vue 学习笔记

狂神老师后端开发Vue学习笔记1、Vue引言渐进式：JavaScript框架–摘自官网#渐进式：1.易用htmlcssjavascript2.高效开发前端页面，非常高效3.灵活开发灵活，多样性#总结Vue
*吴聪聪*·2022-02-12 07:04

VUE学习笔记[30-46]

lecture30-391.key作用原理特别注意里面的“用index作为key引发的问题”tips：('abc')indexOf('c')==3('abc')indexOf('')==0//indexof认为所有字符串里都有空串2.案例：模糊搜索综合了之前学的知识点single:diva{{p.name}}-{{p.age}}watch写法newVue({el:"#watch",data:{ke
Stupid小池·2022-02-10 17:46

Vue学习(十)-过滤器以及案例(购物车)

过滤器用来定义我们自己的文本格式化格式使用可以被使用的地方为{{}}双括号里|v-bind表达式里{{message|getValue}}参数使用时不传参数，过滤器函数会自动接收message作为第一个参数{{message|getValue}}filters:{getValue(message){returnmessage+'Vue!'}}定义时传参filterA被定义为接收三个参数的过滤器函数
狄鸠·2022-02-09 21:27

【Vue学习笔记_08】案例-图书购物车 (filters过滤器)

【Vue学习笔记_08】案例-图书购物车效果展示filters代码技巧总结这个案例结合了前面介绍的很多知识点，Mustache语法、v-if、v-else、v-for、v-bind、v-on、computed
BugFrog1024·2022-02-09 21:27

Vue学习Day02-案例（购物车案例练习）

要求：点击加号或减号时，下面的总价要跟着改变，点移除操作时，要将记录删除掉，并且当内容为空时，显示文字：购物车为空。以下是自己写的：1.界面搭建Document.header{background-color:rgb(221,220,220);text-align:center;font-style:normal;color:rgb(75,74,74);}button{border-radius:
秃头大学生破晓·2022-02-09 21:24

Vue学习（2）计算属性和侦听器

一、计算属性（computed）当模板中需要复杂的逻辑运算时，应当使用计算属性。优点便于维护。#基础例子Originalmessage:"{{message}}"Computedreversedmessage:"{{reversedMessage}}"varvm=newVue({el:'#example',data:{message:'Hello'},computed:{//计算属性的getter
好遠·2022-02-09 17:06

[vue学习]vue项目的文件和目录结构

文件和目录列表目录结构：├──build//构建相关├──config//配置相关├──src//源代码│├──api//接口│├──assets//主题字体等静态资源│├──components//全局公用组件│├──directive//全局指令│├──filtres//全局filter│├──icons//项目所有svgicons│├──lang//国际化language│├──mock//
音无级鹦鹉螺号·2022-02-09 09:18

vue学习笔记一（源码解读：虚拟DOM和diff算法）

采用TypeScript结合JavaScript来记录大致需要懂得的知识：es6的定义，typescript的基础语法。虚拟DOM很多地方都讲了虚拟DOM的概念，这里就不多讲了。虚拟DOM对应的概念就是真实DOM。就是我们在浏览器中看到的DOM，也是我刚开始学web的时候，写的标签渲染出来。虚拟DOM就是一个对象，存着数据。并没有开始渲染（如果有错请指出）。看数据就很容易理解了真实DOM真实DOM
Rosingsun·2022-02-08 10:56

vue学习笔记-黑马教程第四天

组件的创建方式第一种组件的创建方式第一种--简写第二种创建组件的方式第三种创建组件的方式独立模版定义更方便做复杂的代码模版组件---定义内部私有组件组件---组件中的data使用方法组件-切换ifelse缺陷只能两个切换组件component切换动画组件使用父组件传数据到子组件，子组件中data和props的区别组件传值，子组件通过调用方法向父组件传值实战，评论功能制作步骤评论功能实例--模版评论
Neyo_凉·2022-02-06 20:32

我的Vue学习笔记

Vue安装安装脚手架，使用全局安装就可以npminstall-g@vue/cli安装完使用这个命令查看vuecli的版本vue-V初始化一个Vue项目vuecreatelk-demo然后会进入一大堆的选项1.Manuallyselectfeatures2.空格选择，A全选，手动配置运行项目npmrunserve将项目打包到dist目录npmrunbuild如果只有配置文件，那么需要手动安装依赖才能
爱吃胡萝卜的小白兔·2022-02-06 19:52

vue学习

v-on的时候设置事件监听的时候,不要去重叠的去创建Vue对象,否则methods不会被成功注册,不会触发事件成功.暂时可以理解为,任何时候都不要重复的去创建Vue对象.watch是监听某个属性变化的，适应的场景是一对多的情况，比如某个属性改变，需要触发什么；computed是在多个依赖的属性改变的时候，当前的值进行改变的场景，比如说姓氏和名字组合成的完整的名字，如果名字修改就可以直接更新了完整的
夺光·2022-02-05 15:23

Vue、Express与cookie初探

经过了一段时间的vue学习，最近试着用vue+Express做了一个用户注册登录的小项目。在涉及到cookie时遇到了不少的麻烦，下面记录我自己解决问题的过程。
StansJ·2022-02-03 14:25

VUE学习笔记之vue-cli搭建项目

声明：这是之前使用vue-cli2.x的版本哦~使用vue-cli3见vue-cli3搭建项目+引入elementui实例vue-cli就是一个脚手架，步骤很简单，输入几个命令之后就会生成整个项目，里面包括了webpack、ESLint、babel很多配置等等，可以快速构建一个VUE项目~具体操作如下：安装vue-cli的前提是你已经安装了npm，在命令行工具中输入npm-v命令来检测npm的安装
嗯哼曼·2022-02-03 11:40

超硬核 Web 前端学霸笔记，学完就去找工作！

文章和教程Vue学习笔记Node学习笔记React学习笔记Angular学习笔记RequireJS学习笔记Webpack学习笔记Gulp学习笔记Python学习笔记Egret引擎学习笔记流处理，TCP和
·2022-01-10 08:35

vue学习整理

title:Vue学习笔记date:2020-7-1tags:[vue2.0]categories:前端技术toc:truecover:https://gitee.com/hyj12704338...Vue2.0
·2022-01-06 17:47

Vue学习的4个实用的Javascript技巧

学习一门语言的一种非常有效的方法就是阅读该编程语言开发的优秀开源项目的源代码。Vuejs是最好的Javascript开源项目之一。1.变量转字符串vue/src/shared/util.js将值转换为字符串是一个非常常见的需求，在Javascript中，有两个函数将值转换为字符串：String()JSON.stringify()这两个功能具有不同的机制，请看下面代码：console.log(Str
·2021-12-27 11:05

Vue学习-VueRouter路由基础

目录一、VueRouter1、说明2、选中路由的渲染：3、基本工作原理二、实战1、创建一个带router的vue项目2、打开项目中的src/router/index.js文件3、在浏览器中打开项目4、新建路由一、VueRouter1、说明用Vue.js+VueRouter创建单页应用，感觉很自然：使用Vue.js，我们已经可以通过组合组件来组成应用程序，当你要把VueRouter添加进来，我们需要
·2021-12-23 10:26

Vue学习一

Vue学习vue基础一套用于构建用户界面的渐进式JavaScript框架渐进式：Vue可以自底向上逐层的应用简单应用：只需要一个轻量小巧的核心库复杂应用：可以引入各式各样的Vue插件特点：1.采用组件化模式
于北往南·2021-12-07 21:00

超硬核 Web 前端学霸笔记，学完就去找工作！

文章和教程Vue学习笔记Node学习笔记React学习笔记Angular学习笔记RequireJS学习笔记Webpack学习笔记Gulp学习笔记Python学习笔记Egret引擎学习笔记流处理，TCP和
·2021-11-29 08:50

Vue学习笔记（参考）

day01基础官方网站地址：https://vuejs.org中文网站地址：https://cn.vuejs.org中文官方文档：https://cn.vuejs.org/v2/guide/vue是一套用于构建用户界面的渐进式框架，是一个基于JavaScript的渐进式开发框架，Vue能给前端开发提高开发运行效率，核心只关注视图层。常见的Vue选项都包含(了解)：el：element缩写，表示标签
Konlj·2021-11-24 16:47

【vue学习】computed & watch

https://segmentfault.com/q/1010000009263244/①从属性名上，computed是计算属性，也就是依赖其它的属性计算所得出最后的值。watch是去监听一个值的变化，然后执行相对应的函数。②从实现上，computed的值在getter执行后是会缓存的，只有在它依赖的属性值改变之后，下一次获取computed的值时才会重新调用对应的getter来计算。watch在
前端菜篮子·2021-11-23 15:30

Vue「一」—— webpack 的基本使用及常用配置

本文为Vue学习系列笔记第一篇，将持续更新。
imByte·2021-11-17 12:54

Vue学习笔记(一)

Vue的学习路线规划Vue基础Vue-cliVue-routerVuexElement-uiVue3本文是作者跟着尚硅谷的张天禹老师的视频学习时做的笔记Vue是什么官网给出的定义如下：一套用于构建用户界面的渐进式JavaScript框架什么是构建用户界面？就是把数据展示在页面的合适位置什么是渐进式？Vue可以自底向上逐层的应用。也就是说，假如我们要做一个简单的应用，那么我们只需要一个轻量的核心库就
·2021-10-28 10:34

Vue学习笔记（一）

#Vue的学习路线规划1.Vue基础2.Vue-cli3.Vue-router4.Vuex5.Element-ui6.Vue3本文是作者跟着尚硅谷的张天禹老师的视频学习时做的笔记#Vue是什么**官网给出的定义如下：**>一套用于`构建用户界面`的渐进式`JavaScript`框架-**什么是`构建用户界面`？**就是把数据展示在页面的合适位置-**什么是`渐进式`？***Vue可以自底向上逐层的
02c752356802·2021-10-27 22:35

vue学习笔记三：vue开发基础下

一、全局API1、Vue.directive//定义Vue.directive('指令名称(定义时不需要v-，使用时需要)',{'指令的配置对象'})//el:函数参数，代表使用当前指令元素//binding:代表当前指令相关的配置信息2、Vue.use//1、定义一个插件对象letMyPlugin={};//2、编写插件对象的install方法MyPlugin.install=function(
夜上夏叶·2021-10-24 23:08

vue学习阶段性总结回顾

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

前端vue学习—vue.cli安装

1.安装nodejswww.nodejs.cn下载nodejs2.npmnpm是nodejs的包管理器，cnpm是（淘宝）国内镜像的(区别:选择下载的站点不同)cnpm安装：npminstall-gcnpm--registry=http://registry.npm.taobao.orgnpmroot-g查看全局安装的文件夹位置3.vue-cli2安装npminstallvue-cli-gnpmi
·2021-10-19 18:28

vue学习（二）

响应式布局也就是单项数据绑定，即通过改变数据源来改变页面，或者通过页面改变来改变数双向数据绑定vue实现数据双向绑定主要是：采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty（）来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应监听回调。当把一个普通Javascript对象传给Vue实例来作为它的data选项时，Vue将遍历它的
RxxQingYi·2021-10-12 19:27

Vue学习笔记

Vue学习笔记一、环境搭建1、安装VScode2、安装liveserver3、安装科学上网工具4、安装谷歌浏览器5、安装Vue浏览器调试工具二、安装Vue（两种版本）1、导入开发版本的Vue.js2、创建
Daydream_许多·2021-09-26 00:30

vue学习笔记二：vue开发基础上

一、vue实例1、创建vue实例varvm=newVue({//选项})通过对象（选项）定义多个属性二、el唯一根标签tips：vscode中，对HTML页面结构初始化方法为：先输入！然后按tab键。（这样就省事太多了）操作步骤：1.引入vue.js2.定义一个div3.实例化vue4.将数据显示到界面上//下面是代码Document{{name}}{{name}}varvm=newVue({el
夜上夏叶·2021-09-24 21:44

vue开发移动端使用better-scroll时click事件失效的解决方案

最近使用vue学习开发移动端的项目，使用了better-scroll插件做滚动。
·2021-08-25 13:56

VUE学习笔记（一）：基础操作篇

基于狂神说vue记录笔记：https://www.bilibili.com/video/BV18E411a7mC文章目录基本介绍在线cdnJavaScript框架MVVMVue优势Vue的运用基本语法v-bind语法缩写v-ifv-elsev-forv-on语法缩写v-model双向绑定双向绑定概念使用注意Vue组件Axios通信概念为什么要用Axios使用注意slot内容分发基础用法自定义分发v
请热爱下去·2021-08-09 17:09

每周总结 20210801 vue文档学习

vue学习箭头函数function()=>{}js位置JavaScript代码可以直接嵌在网页的任何地方，不过通常我们都把JavaScript代码放到中；可以在同一个页面中引入多个.js文件，还可以在页面中多次编写
·2021-08-01 22:47

vue

B站-Vue学习笔记0课程介绍邂逅Vue.jsVue基础语法组件化开发VueCLI详解vue-routervuex详解网络封装项目实战1邂逅Vue.jsVue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架
·2021-07-28 12:08

Vue学习笔记——Vue基础语法

视频资源来自：b站coderwhy王红元老师——最全最新Vue、Vuejs教程，从入门到精通文件仅为个人观看视频后的学习心得笔记，用于个人查看和记录保存。文中定有疏漏错误之处，恳请指正。Vue基础语法插值操作Mustache[胡须]双大括号{{firstName+''+lastName}}mustache语法中，不仅可以直接写变量，也可以写简单的表达式{{counter*2}}v-once只用一次
小910888·2021-07-25 14:36

Vue学习笔记——组件化开发

视频资源来自：b站coderwhy王红元老师——最全最新Vue、Vuejs教程，从入门到精通文件仅为个人观看视频后的学习心得笔记，用于个人查看和记录保存。文中定有疏漏错误之处，恳请指正。目录：邂逅VuejsVue基础语法组件化开发前端模块化webpack详解VueCLI详解vue-routerPromise的使用Vuex详解网络模块封装项目实战组件化开发认识组件化组件化是Vue.js中的重要思想，
小910888·2021-07-25 14:23

vue学习基础之webpack

vue学习基础之webpackwebpack的安装方式全局安装：npminstallwebpack-g项目安装：npminstallwebpack--save-devwebpack构建的过程webpack
leesoft·2021-06-27 20:10

Vue学习笔记

Vue学习笔记1.创建项目npminstall-g@vue/clivuecreatehello-world2.VueRouter//安装包npminstallvue-router//main.jsimportRouterfrom'vue-router'Vue.use
双流小二郎·2021-06-27 06:39

Vue学习笔记

前言：自己是iOS开发，工作中做底层C开发，，想再拓展下知识面，着手学习Vue，因为之前工作中用过AngularJS，再者自己本身就是移动端的开发，所以学习起来比较简单。1、公共库以及开发工具下载（1）VSCode开发工具(官网下载）（2）Vue.js(官网下载开发版本)引用方法：（3）jquery-3.4.1(官网下载)引用方法：2、Vue视频是在幕客网找的，有需要的可以下载，百度网盘，提取码:
Mr_斌·2021-06-27 01:31

vue学习

vue中的事件传递父子组件传值通过props传递，父组件:name=“name（父数据）”子组件props内引入name组件内使用this.name就可以访问数据了。若子组件需要改变父组件的值，需在子组件内data重新定义（父元素值通过this.name赋值）子组件向父组件传值子组件使用$emit('event',data)-----event为自定义事件父组件接受数据@('event',事件处理
yuan1024·2021-06-26 08:35

mpvue学习笔记-之微信小程序数据请求封装

20180531152773555924152.png简介美团出品的mpvue已经开源出来很久了，一直说要进行一次实践，这不最近一次个人小程序开发就用上了它。看了微信官方的数据请求模块--request，对比了下get和post请求的代码，发现如果在每一个地方都用request的话，那会有很多代码是冗余的，于是就准备自己封装一个，下面就记录一下封装过程。注释也写在下面的代码里了。实现的结果代码要简
kungggyoyoyo·2021-06-25 22:17

vue学习笔记--非props特性和props特性

props是用来接收父组件数据的，子组件不可以直接更改props接收的数据，即单向数据流概念。一、非props特性：1.子组件未通过props接收，不能显示在dom上；image.pngimage.png2.子组件模板内直接写入内容而非插值表达式，会显示在dom最外层标签上image.pngimage.png二、props的特性概括为父组件传，子组件接,dom标签内直接用image.png1、pr
一个总在代码里给自己下毒的小白·2021-06-24 20:33

Vue学习笔记-起步

写在最前：自学笔记，往后逐步添加笔记内容一、通过TodoList案例起步提交/*Vue.component('TodoItem',{//全局组件props:['content'],//父组件向子组件传值template:`{{content}}`,//模板组件内容})*/varTodoItem={//局部组件props:['content','index'],//接收父组件传入的值template
没名字的某某人·2021-06-22 12:05

vue学习笔记（3）——router

githubvue学习笔记（1）主要介绍vue项目的创建vue学习笔记（2）主要介绍项目的基本设置，如axios设置和项目颜色控制今天讲解vue一个很重要的组件router，熟悉后台开发的人肯定对router
溪语流沙·2021-06-22 01:33

资源整理[第一篇]vue相关

vue博客Vue技术内幕从1万篇文章中挑出的40篇最棒的Vue学习指南（2018版）Vue.js源码分析Vue.js最佳实践（五招让你成为Vue.js大师）了不起的VirtualDOM(一)：起源深入认识
websky·2021-06-21 21:54

【vue学习】整合Lodop

前端实现自动打印批量打印vue中使用lodop调用标签打印机利用lodop打印控件轻松实现批量打印本文主要摘自vue项目中使用Lodop实现批量打印html页面和pdf文件1.Lodop是什么？Lodop(标音:劳道谱,俗称:露肚皮)是专业WEB控件,用它既可裁剪输出页面内容，又可用程序代码直接实现复杂打印。控件功能强大,却简单易用,所有调用如同JavaScript扩展语句,主要接口函数如下：●P
前端菜篮子·2021-06-21 09:18

vue学习笔记

vue对比jqueryvue：mvvm数据驱动影响视图适用于复杂数据jquery：mvc视图塞入数据适用于复杂视图动效生命周期以下都是钩子函数beforeCreate（创建前）created（创建后）beforeMount(载入前)mounted（载入后）beforeUpdate（更新前）updated（更新后）beforeDestroy（销毁前）destroyed（销毁后）计算属性compute
34sir·2021-06-21 08:15

后端小白程序员的Vue学习笔记

文章目录写在前面Vue一、什么是Vue二、相关技术栈前端后端关于前后端分离三、入门使用3.1、Hello,Vue3.2、Mustache语法3.3、插值操作3.4、属性绑定v-bind3.5、条件插值3.5.1、v-if、v-else、v-else-if3.5.2、v-show3.5.3、使用key来管理复用元素3.6、列表渲染v-for3.6.1、遍历数组3.6.2、遍历对象3.6.3、v-fo
5akura·2021-06-19 20:44

Vue学习笔记（一）

跨域问题vue前端跨域问题1.利用vue-cli框架与axios结合，访问服务器后端接口，axios不需要太多配置，如下图asiox配置2.主要需要配置vue的config文件夹下的idnex.js文件，如下图vue的config配置后端Springboot配置springboot后端配置只需要增加一个过滤器即可，网上也有很多，此处不负赘
我有的似乎只能是等待等待·2021-06-19 11:26

Vue学习笔记-引入Echarts图表

近期，公司出了一个新需求，我们需要开发一个数据统计平台，于是就需要使用图表来是数据更直观的呈现。Echarts是我们的首选。重点：用较少的代码实现比较酷炫的数据统计表.ECharts，一个使用JavaScript实现的开源可视化库，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的矢量图形库ZRende
赵客缦胡缨v吴钩霜雪明·2021-06-18 23:58
上一页 18 19 20 21 22 23 24 25 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他