Vue学习笔记

Vue学习笔记01 前端工程化与webpack（黑马）

Vue学习笔记（黑马）一、前端工程化和webpack1、前端工程化2、webpackwebpack的基本使用webpack中的插件插件的作用安装webpack-dev-server配置webpack-dev-server
ChaoCheng_Wang·2022-07-29 18:00

Vue学习笔记（尚硅谷天禹老师）

Vue学习笔记文章目录Vue学习笔记1.Vue核心1.1.Vue简介1.1.1.官网1.1.2.介绍与描述1.1.3.Vue的特点1.1.4.与其他JS框架的关联1.1.5.Vue周边库1.2.初识Vue1.3
梦入_凡尘·2022-07-19 07:37

vue学习笔记（b站王红元老师网课笔记）

1.vue的template模板可以把一整块的代码块放入template中，这样就可以方便以后调用。{{message}}constapp=newVue({el:'#app',data:{message:'hello'}})以上即为一个模板，把它复制后进入设置，找到editor->livetemplates->vue，再点击右侧加号，把内容复制进去，同时给这个模板取个名字。记得要在界面下方的这里设
Сlover·2022-07-13 16:58

vue学习笔记--vue认识+安装

目录一.Vue定义一.Vue定义二.vue的特点三.要掌握的js的基础知识四.安装Vue1.CDN引入2.下载引入3.npm一.Vue定义是一套用于构建用户界面的渐进式框架。Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。渐进式意味着：1.简单页面可以引用一个轻巧的核心库，将Vue作为你应用的一部分嵌入中。2.复杂的应用可以引入vue的
清浅九天·2022-07-13 16:53

【Vue学习笔记】黑马程序员四小时速成VUE

Vue学习笔记Vue学习1.Vue基础2.Vue本地应用Vue指令v-textv-htmlv-onv-showv-ifv-bindv-forv-model案例1计数器案例2图片切换案例3小黑记事本3.Vue
丁咚Dingdong·2022-07-13 16:51

Vue 学习笔记 -- 3.Vue 中的 AJAX

Vue学习笔记–3.Vue中的AJAX3.Vue中的AJAX3.1vue脚手架配置代理3.1.1方法一在vue.config.js中添加如下配置：devServer:{proxy:"http://localhost
lingchen1642·2022-07-05 14:39

[超详细]Vue学习笔记：手把手教你配置Tailwind

1.什么是TailwindTailwindCSS是一个功能类优先的CSS框架，它集成了诸如flex,pt-4,text-center和rotate-90这样的的类，它们能直接在脚本标记语言中组合起来，构建出任何设计。2.Vue使用Tailwind配置为了防止忘记，记录一下vue配置Tailwind这个css框架的过程。1.新建vue项目2.在终端输入以下语句：npminstall-Dtailwin
好吃鱼的学习笔记·2022-06-22 14:24

Vue学习笔记：vue-cropper实现封装截图组件

vue-cropper一款好用的前端截图插件项目介绍：使用vue+elementUI写的项目，需要用到图片截图功能、视频截图、视频直播等功能，关于截图不失真，发现vue-cropper这款插件能满足需求，可以让用户自由调整截图框的宽高、位置，可以根据用户的需求选择截图的格式（png、jpg），也可以选择图片的编码格式（base64、blob）等。案例展示：http://zhb_nyx.gitee.
前端互助会·2022-06-22 14:03

Vue 学习笔记 -- 2. Vue 组件化编程与脚手架

Vue学习笔记–2.Vue组件化编程与脚手架2.1组件与模块化模块向外提供特定功能的js程序，一般就是一个js文件。为什么：js文件很多很复杂。作用：复用js，简化js的编写，提高js的运行效率。
lingchen1642·2022-06-07 14:44

【Vue】Vue学习笔记——自定义指令&&组件

文章目录2.自定义指令2.1指令的注册2.2指令的定义对象2.3指令实例属性2.4案例2.4.1下拉菜单2.4.2相对时间转换3.组件3.1什么是组件3.2组件的基本使用3.2.1全局注册3.2.2局部注册3.2.3DOM模板解析说明3.3组件选项3.3.1组件props3.3.2props验证3.3.3单向数据流3.4组件通信3.4.1自定义事件3.4.2$emit/$on3.5内容分发3.5.
shen子怡·2022-05-11 08:30

VUE学习笔记：26.脚手架vue-cli之路由vue-router

一.网页路由基础讲解1.什么是路由2.后端路由在早期的网页开发中，都是使用后端渲染。常用的计算包括：jsp，php等。后端渲染原理：当使用浏览器访问某个url时，会将该url发送到对应网站的服务器。服务器会根据对应url完成相关操作（如从数据库中取出数据并填充到HTML模板中，然后将HTML模板返回给浏览器）。所以使用后端渲染模式，在服务器中就已经将我们需要展示的页面全部渲染完成了。后端路由：后端
new nm个对象·2022-04-19 14:22

Vue学习笔记

Vue学习目标前端知识体系HTML(页面的结构)、CSS(表现层)、JavaScript(行为)HTML就不说了。CSSCSS层叠样式是一门标记语言，并不是编程语言，因此不可以自定义变量，不可以引用等，换句话说就是不具任何语法支持，它主要缺陷如下：语法不够强大，比如无法嵌套书写，导致模块化开发中需要书写很多重复的选择器；没有变量和合理的样式夏用机制，使得逻辑上相关的属性值必须以字面量的形式重复输出
BearBrick0·2022-04-19 11:51

Vue学习笔记（狂神）

1.概述1.1.Vue概述Vue(读音/vju/,类似于view)是一套用于构建用户界面的渐进式框架，发布于2014年2月。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库(如:vue-router:跳转，vue-resource:通信，vuex:管理)或既有项目整合。SOC原则：关注点分离原则1.2.前端知识体系想要成为真正的
隔壁郑同学·2022-04-15 17:46

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

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

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学习笔记知识速览项目目录基础知识组件路由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学习笔记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学习笔记

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

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学习笔记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学习笔记_08】案例-图书购物车 (filters过滤器)

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

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学习笔记之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

超硬核 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学习笔记(一)

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学习笔记一、环境搭建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学习笔记（一）：基础操作篇

基于狂神说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

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

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

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

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