vue学习

黑马VUE学习笔记（附带项目天气预报和音乐播放器所有源码）

文章目录黑马VUE学习笔记—后端小白入门（附带项目天气预报和音乐播放器所有源码）感谢黑马！
写hello world都有bug·2022-03-27 12:26

Vue学习之Vuex的使用详解

目录简介优缺点优点缺点使用场景示例安装Vuex并引入1.安装vuex2.编写vuex的store3.main.js引入CounterStore.js业务代码测试简介说明本文介绍Vue的插件：Vuex。包括：优缺点、使用场景、示例。官网官网文档APIvuex-store优缺点优点1.响应式属于vue生态一环,，能够触发响应式的渲染页面更新。(localStorage就不会)2.可预测的方式改变数据避
·2022-03-23 19:39

Vue学习--项目开发前的准备

目录一、划分目录结构1.初始创建时2.需要新添加的文件3.后续还会有新建的文件夹，之后再描述二、css文件的引入三、项目路径别名(vue.config和editorconfig)四、.editorconfig文件一、划分目录结构1.初始创建时主要在src文件夹中包括asset和components文件夹+App.vue和main.js文件2.需要新添加的文件其中asset中放一些相关资源包括img
献_·2022-03-18 21:10

Vue学习笔记----基础

Vue.js开发模式MVVM模式双向数据绑定虚拟DOM技术●低耦合:视图(View)可以独立于Model变化和修改,一个ViewModel可以绑定到不同的View上，当View变化的时候Nodel可以不变，当Model变化的时候View也可以不变。●可复用:你可以把一些视图逻辑放在一个ViewModel里面，让很多View重用这段视图逻辑。●独立开发:开发人员可以专注于业务逻辑和数据的开发(Vie
会写代码的花城·2022-03-18 21:58

Vue学习笔记总结（8）

介绍webpack-simple模板项目项目内的结构index.html无论前端页面内容有多复杂，index.html都只有11行实际内容已经被打包进/dist/build.jsmain.js文件是整个vue项目的入口jsApp.vue万事万物皆组件App.vue这种以”.vue”为扩展名的内容（文件），实际上就是一个Vue对象。在这里这种文件，也称为Vue组件。三、.vue文件（Vue组件）的组
宋军涛·2022-03-13 14:07

vue学习总结笔记

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

Vue学习笔记

Vue学习笔记知识速览项目目录基础知识组件路由axios状态管理学习心得知识速览下面就简单记录一下Vue学习笔记了，适合回顾。
雾里看花花里看雾·2022-03-05 07:54

Vue 学习笔记（一）

Vue学习笔记（一）文章目录Vue学习笔记（一）一、Vue概述二、搭建Vue环境三、Vue知识详解1.hello小案例2.Vue模板语法1.插值语法2.指令语法3.数据绑定3.data与el4.MVVM
m0_54850604·2022-03-03 18:40

Vue学习笔记（四）：事件处理

1v-on¶Vue中，绑定点击事件用v-on:实现，例如绑定鼠标点击事件用v-on:click="fun"实现，绑定键盘回车键按下事件用v-on:keydown.enter="fun"实现，其中“fun”是点击事后后的回调方法。v-on:可以简写为“@”,例如@click="fun"、@keyup.enter="fun"。2鼠标事件¶绑定鼠标点击事件通过v-on:click实现，例如给按钮添加一个
奥辰_·2022-02-26 22:39

vue学习（一）从零开始搭建vue项目

从零开始搭建vue项目下载node下载vue-cli脚手架创建项目运行项目webpack打包下载node地址：https://nodejs.org/en/download/下载完成后点击下一步安装，安装完成后在终端输入：node-v查看是否安装好因为服务器是在国外的，用npm安装vue-cli脚手架可能会下载不下来，所以我们更推荐用淘宝镜像安装1.切换淘宝镜像：npmconfigsetregist
暴龙斗士·2022-02-24 11:38

Vue学习笔记06：监听器、生命周期、数据共享

文章目录一、watch侦听器1.什么是watch侦听器2.watch侦听器的基本语法3.axios+watch检测用户名是否可用4.immediate选项5.deep选项6.计算属性vs侦听器二、组件的生命周期1.组件运行的过程2.如何监听组件的不同时刻3.组件中的生命周期函数4.完整的生命周期图示三、组件之间的数据共享（重点）1.组件之间的关系2.父子组件之间的数据共享2.1父组件向子组件共享数
双-鱼·2022-02-22 13:44

Vue学习案例：父子通信-结合双向绑定案例

Documentporps:{{cnum1}}data:{{dnum1}}-->porps:{{cnum2}}data:{{dnum2}}-->constapp=newVue({el:"#app",data:{num1:1,num2:0,},methods:{num1change(value){this.num1=parseInt(value);},num2change(value){this.n
Sakaiu2·2022-02-22 07:28

vue学习收藏博客

[1]:https://www.cnblogs.com/wisewrong/p/6255817.html使用vue-cli搭建项目[2]:http://blog.csdn.net/u013778905/article/details/53864289vue项目目录解析[3]:http://blog.csdn.net/qq_34320300/article/details/78546141构建一个简
beautymo·2022-02-20 12:05

vue学习笔记

Vue实例数据和方法只有当实例被创建时就已经存在于data中的property才是响应式的Object.freeze()方法会冻结对象，阻止修改现有的property，意味着响应系统无法再追踪变化。vue实例暴露了一些实例property和方法，通过前缀$与用户定义的property区分开实例生命周期钩子beforeCreatecreatedbeforeMountmountedbeforeUpda
史梦辰·2022-02-18 05:58

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

数据请求获取get数据初始化getalllist（）提交数据post删除数据全局配置根域名全局配置json格式动画-淡入淡出动画-淡入淡出+运动位移动画-自定义名字动画第三方库animate动画库函数钩子动画动画-列表动画添加效果transition-group动画，move移动动画动画-页面入场效果动画指定Tag属性组件的创建方式第一种组件的创建方式第一种--简写第二种创建组件的方式第三种创建组
Neyo_凉·2022-02-16 08:37

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

DAY1https://www.bilibili.com/video/av36650577/?p=1视频地址https://github.com/Francis0Cheng/Vue-Personal-Notes参考笔记代码https://github.com/shy1118999/vue.js参考笔记代码2VUE中的MVVM实例说明v-cloakv-textv-html用于显示内容v-bind用于
Neyo_凉·2022-02-16 08:53

2018-09-09 vue初始项目搭建（vue学习错误记录一）

熟知vue的大名已经很久了，但是很长一段时间都没有静下心来学习，最近终于有时间来学习一下vue，顺便记录下出现的问题，方便以后进行查询为以后的人解惑。一开始使用vue是在嵌入式页面，用标签引入的方式引入vue，这种使用会new出很多个vue对象，以至于在理解用node的npm平台使用webpack打包开发的时候，无法理解vue根节点的作用。vue结合npm开发的时候，一个单页面程序是只存在一个vu
秋限糖渍栗子·2022-02-16 03:58

Vue学习笔记——Vue CLI详解

视频资源来自：b站coderwhy王红元老师——最全最新Vue、Vuejs教程，从入门到精通文章仅为个人观看视频后的学习心得笔记，用于个人查看和记录保存。文中定有疏漏错误之处，恳请指正。VueCLI详解VueCLICommand-LineInterfaceVueCLI使用前提：Node、webpack、npm安装：npminstall-g@vue/cli安装CLI2：npminstall@vue/
小910888·2022-02-15 11:42

Vue学习笔记——webpack详解

视频资源来自：b站coderwhy王红元老师——最全最新Vue、Vuejs教程，从入门到精通文章仅为个人观看视频后的学习心得笔记，用于个人查看和记录保存。文中定有疏漏错误之处，恳请指正。webpack详解认识webpack什么是Webpackimage-20210707110422055前端模块化和grunt/gulp的对比面试可能会问grunt/gulp的核心是Task如果工程模块依赖非常简单，
小910888·2022-02-15 11:36

vue学习笔记（五）Vue-cli 组件嵌套,css作用域,父传值子组件

Vue-cli组件嵌套全局组件注册:(main.js)import组件名form'位置'vue.component("组件标签名",组件名)只需在使用的位置调用组件标签名即可局部组件使用:(需要使用的vue文件中)import组件名form'位置'components:{组件标签名:组件名//可以省略组件标签名}Vue-clicss作用域只需在style后添加scoped即可父传值子组件1.子组件
帝王弦·2022-02-14 17:55

【Vue.js】todolist功能实现（七）

只要使用v-for循序显示和绑定按钮事件Vue学习helloclick{{item}}newVue({el:"#root",data:{show:true,list:[]},methods:{handleClick
kingloongMagic·2022-02-13 15:02

VUE学习笔记01--搭配本地vue源码调试环境

首先我们从github上下载一份vue源码到本地，就利用vue文件夹下自带的demo进行学习和调试。但是我们运行了一下vue--examples--commits--index.html发现Chrome浏览器里source载入的是压缩版本vue。根本无法调试呀无法调试啦不急只要三个小操作我们就可以达到这样达到下面的效果啦。好啦可以打断点啦1）在vue文件夹下对应的package.json中我们只须
大檬煮WesleyQ·2022-02-12 20:21

狂神老师后端开发 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
上一页 17 18 19 20 21 22 23 24 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他