vue学习

Vue学习心得

Vue:一款渐进式JavaScript框架，所谓渐进式就是逐步实现新特性的意思，如实现模块化开发、路由、状态管理等新特性。其特点是综合了Angular(模块化)和React(虚拟DOM)的优点;mvvm●Model:模型层，在这里表示JavaScript对象●View:视图层,在这里表示DOM(HTML操作的元素)●ViewModel:连接视图和数据的中间件，Vue.js就是MVVM中的ViewM
洛-尘·2022-07-19 07:41

vue学习

vue已完成1.vscode设置自动保存2.vscode快捷键设置3.nginx配置//-----------------------------------------------------1.npminstall安装依赖2.npmrundev运行3.npmrunbuild打包压缩dist文件夹上次到服务器解压配置git第一步：按照文件--->首选项--->设置，搜索git.path，找到vs
每月仅支持修改 1-次·2022-07-19 07:38

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学习总结(全）

Vue项目的创建安装#全局安装vue-cli$cnpminstall--globalvue-cli#创建一个基于webpack模板的新项目$vueinitwebpackmy-project#这里需要进行一些配置，默认回车即可ThiswillinstallVue2.xversionofthetemplate.ForVue1.xuse:vueinitwebpack#1.0my-project?Proj
梦码城·2022-07-19 07:07

vue学习-进阶

文章目录1、VUE相关指令2、VUE路由2.1、router-link用法2.2、编程式的导航2.3、hash模式和History模式2.4、路由守卫2.4.1、全局2.4.2、路由独享2.4.3、组件路由2.5、路由其他用法2.5.1、嵌套路由2.5.2、路由重定向2.5.3、别名3、vue组件4、vue组件通信4.1、父子组件传参4.1.1、props+$emit4.1.2、$parent4.
liushangzaibeijing·2022-07-19 07:35

Vue学习(一)

概念Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。官方中文文档学习vue我们必须之到它的7个属性el属性用来指示vue编译器从什么地方开
芸兮·2022-07-19 07:34

Vue学习。

Vue学习Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。
刚学编程的小白( •̥́ ˍ •̀ू )·2022-07-18 19:45

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学习（四）—— vue中的ajax

文章目录第四部分vue中的ajax一、axios1.安装2.引入二、vue脚手架配置代理1.方法一2.方法二三、github用户搜索案例1.接口地址2.vue项目中常用的2个Ajax库2.1axios2.2vue-resource3.示例代码3.1List.vue3.2Search.vue3.3vue.config.js3.4App.vue四、slot插槽1.概述2.分类2.1默认插槽2.2具名插
Alvis 一昂·2022-07-05 14:13

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学习 第四章vue的ajax

配置代理一下载axiosnpmiaxios说明：1.优点：配置简单，请求资源时直接发给前端（8080）即可。2.缺点：不能配置多个代理，不能灵活的控制请求是否走代理。3.工作方式：若按照上述配置代理，当请求了前端不存在的资源时，那么该请求会转发给服务器（优先匹配前端资源）配置二详细说明module.exports={devServer:{proxy:{'/api1':{//匹配所有以'/api1'
追梦者123·2022-07-05 14:07

Vue学习（八）

文章目录路由1.基本使用2.几个注意点3.嵌套路由（多级路由）案例4.路由的query参数5.命名路由6.路由的params参数7.路由的props配置8.router-link的replace属性9.编程式路由导航10.缓存路由组件11.两个新的生命周期钩子12.路由守卫13.路由器的两种工作模式路由理解：一个路由（route）就是一组映射关系（key-value），多个路由需要路由器（rout
Cherry_Zj·2022-07-04 15:49

Vue学习基础版汇总V6.0.0

Vue2.0-学习知识基础版汇总一、vue之路由1.1、路由的概念与原理1.1.1、什么是路由【概念】路由（router）就是对应关系【SPA与前端路由】spa-单页面应用：指的是一个web网站只有唯一的一个HTML页面，所有组件的展示与切换都在这唯一的一个页面内完成，不同组件之间的切换需要通过前端路由来实现。在SPA项目中，不同的功能之间的切换，要依赖于前端的路由来完成！【前端路由】通俗的概念：
以梦为馬Douglas·2022-06-29 23:25

Vue学习基础版汇总-项目构建V7.0.0

vue项目构建之头条一、初始化项目1.1、创建项目【构建】创建项目命令vuecreatetoutiao【组件】选择手动安装组件，如下：【选择】选择安装的组件，如下：【vue版本】选择2.0（目前项目版本为2.0的）【路由模式】选择路由模式，目前选择#开头的(因为#开头的代表hash值的路由，适配各种浏览器)【样式处理器】选择Less【语法规范】选择ESLint的标准规范【格式】选择检查格式配置：选
以梦为馬Douglas·2022-06-29 23:25

vue学习路径 - 最全最新Vue、Vuejs教程，从入门到精通视频的资料

昨天菜鸟算是学完了vue,当然仅仅是个入门级,知道了vue怎么用,以及一些思想,这里就给大家分享一下:首先,学习vue最基础的就是熟悉前端三件套(html\css\[js\es6]),当然没怎么学会建议学好再看后面的,因为后面推荐的视频中的老师很多时候都是直接复制代码,并没有敲样式什么的.第二,如果有能力,最好了解一下node.js,这里js\es6\node.js为大家推荐一个好的学习网站:廖雪
PBitW·2022-06-27 22:59

[超详细]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

ant design vue的form表单取值方法

目录antdesignvue的form表单取值官方中有以下两种取值方式antdesignofvue学习之表单formv-decorator（表单验证，内置绑定，初始值）数据获取与填充表单实例antdesignvue
·2022-06-21 16:07

vue.js简单登录界面访问mysql_Vue学习之路之登录注册实例代码

根据Vue.js+ElementUI+MongoDB进行开发P1安装Vue-CLI利用Vue.js提供的一个官方命令行工具#全局安装vue-cli$npminstall--globalvue-cli#创建一个基于webpack模板的新项目$vueinitwebpackmy-project#安装依赖，走你$cdmy-project$npminstall$npmrundevVue.js主要目录结构.├
墨许轩·2022-06-17 07:56

Vue学习之node.js环境下利用Vue-cli脚手架搭建Vue项目

目录第一个Vue-cli应用什么是vue-cli?vue-cli主要功能:搭建需要的环境1、nvm-windows下载2、安装nvm3、修改nvm环境变量4、通过nvm安装node5、安装全局npm6、一些替代npm的方式安装vue-cli第一个脚手项目配置命令行运行Vue项目IDEA运行Vue项目第一个Vue-cli应用之前练习了Vue一些基础的命令标签，在学习中在遇到一些基础知识我会继续向里面
唐山大兄dei·2022-06-16 01:22

*第5章 脚手架(1)-搭建(1)

VUE学习目录汇总脚手架工程位置：e:\vue\myproject安装步骤：node.js--->淘宝镜像---->webpack--->vue-cli脚手架----->用脚手架构建项目一、那么我们就从最简单的环境搭建开始
wqjcarnation·2022-06-15 14:48

Vue学习（十二）标签、配置项和自定义插件

文章目录ref标签props配置项mixin（混合/混入）插件ref标签被用来给元素或子组件注册引用信息（id的替代者）应用在html标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象使用方式，打标记：…或；获取：this.$refs.xxx学习名称：{{name}}学习地址：{{address}}exportdefault{name:"School",data(){return{nam
飞不起来的小菜鸟·2022-06-15 07:01

Vue学习（三）——前端路由

Vue学习（三）——前端路由一、路由一个完整的URL由几部分组成http://www.aspxfans.com:8080/news/index.asp?
Grimoire_ll·2022-06-09 17:39

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

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

【Vue学习】梦想成为前端开发的第二天

前言俗话说的好，不用vscode的前端不是个好前端。我这么要上进（好装X）的人，怎么可能不会用vscode。其实说起来惭愧，我对于各种IDE和工具还只是停留在使用的表层，不像我熟知的几位大神，已经胸中全是快捷键，开发自然神。所以，搭好了环境之后，我开始学习使用vscode。vscode使用1.软件安装官网VSCode中文网下一步系列这个步骤我觉得没啥说的。就是下载，之后双击，之后下一步，最后OK2
学习编程的中年人·2022-06-06 16:41

Vue学习基础版汇总V5.0.0

Vue2.0-学习知识基础版汇总一、Vue之动态组件1.1、什么是动态组件动态组件指的是动态切换组件的显示与隐藏1.2、实现动态组件渲染vue提供了一个内置的组件，专门用来实现动态组件的渲染。【案例】data(){//1.当前要渲染的组件名称return{comName:'Left'}}展示Left组件展示Right组件【小结】component标签是vue内置的，作用：组件的占位符is属性的值，
以梦为馬Douglas·2022-06-06 13:45

Vue学习之路（基础篇）

Vue学习之路（基础篇）程序员小王的博客：程序员小王的博客欢迎点赞收藏⭐留言如有编辑错误联系作者，如果有比较好的文章欢迎分享给我，我会取其精华去其糟粕java自学的学习路线：java自学的学习路线一.Vue
程序员小王java·2022-06-05 21:09

Vue学习基础版V4.0.0

Vue基础知识学习总结一、Vue之ref引用1.1、ref引用之DOM元素【作用】ref用来辅助开发者在不依赖与jQuery的情况下，获取DOM元素或组件的引用。每个vue的组件实例上，都包含一个$refs对象，里面存储着对应的DOM元素或组件的引用。默认情况下：组件的$refs指向一个空对象。【使用】使用步骤如下：第一步：标签上绑定ref属性App根组件第二步：在需要触发的方法中获取使用meth
以梦为馬Douglas·2022-06-05 15:50

【Vue学习总结】23.Vue UI框架 ElementUi的使用

接上篇《22.使用MintUI的infinite-scroll实现上拉分页加载》上一篇我们讲解了通过MintUI提供的infinite-scroll组件结合api接口实现一个上拉分页加载更多的功能，本篇我们来讲解VueUI的另一个PC端框架ElementUI。本系列博文使用的Vue版本：2.6.11ElementUI官方网站：https://element.eleme.cn/#/zh-CN一、El
光仔December·2022-05-30 19:46

Vue学习

Vue学习1.Vue基础2.Vue-cli3.Vue-router4.Vuex5.element-ui6.Vue31.Vue基础2.Vue-cli3.Vue-router4.Vuex5.element-ui6
若水cjj·2022-05-25 18:48

黑马vue学习路线

vue学习路线第一天：前端工程化与webpack前端工程化的相关概念wabpack的常见用法打包发布第二天：vue基础入门-part1vue基本使用步骤vue中常用的指令vue-devtools调试工具目标
曹莓奶昔·2022-05-22 17:01

Vue学习——品牌列表案例（15）

案例效果通过新增按钮，就可以添加品牌到下列当然，为了更快地掌握vue，列表的模型是现成的，我们只需要编写其背后的功能编写①列表数据的渲染然后编写表格，并在vue中循环渲染tr行这就是结果然后我们来用Bootstrap美化一下给大table加一个class：class="tabletable-borderedtable-hovertable-striped然后是对status进行双向绑定：即浏览器页
Hoorus·2022-05-17 16:36

Vue学习——条件渲染与列表渲染指令（14）

条件渲染指令用来辅助开发者控制DOM的显示与隐藏，条件渲染指令有：v-if,v-showv-if与v-show下面是他们的详细区别v-else-if与v-else配套使用效果更佳写个表格，添加bootstrap样式然后在数据区写个list这时候我们将v-for循环渲染列表指令写入表格item作为变量名，in为固定格式，list为数据内的表格标签当然vue还提供了一个index，写法如下其中，ite
Hoorus·2022-05-17 16:36

Vue学习杂记（七）—— vue-cli的使用以及eslint风格

vue-cli的使用一、什么是vue-cli框架二、如何使用vue-cli2.1vue-cli配置新项目2.2vue-cli目录结构说明2.3vue-cli运行项目三、eslint代码风格3.1eslint安装3.2eslint相关环境优化3.2eslint规范举例引言：前端的发展速度还是比较迅猛的，vue-cli使用前端框架，其设计目的thinkPHP框架一样，为了方便我们进行项目开发，更加专注
凌空暗羽·2022-05-11 08:03

Vue学习（三）—— vue脚手架

文章目录第三部分使用vue脚手架一、介绍及安装1.概述2.安装步骤3.备注4.模板项目结构5.关键代码5.1index.html5.2main.js5.3App.vue5.4components/School.vue二、关于不同版本的Vue三、修改默认配置1.无法修改2.可配置项2.1配置参考2.2配置文件四、ref属性五、**props**1.功能2.传递数据3.接收数据4.示例代码4.1Stu
Alvis 一昂·2022-05-11 08:32

【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学习（56）setup

知识点理解：Vue3.0中一个新的配置项，值为一个函数。setup是所有CompositionAPI（组合API）的入口。组件中所用到的：数据、方法等等，均要配置在setup中。setup函数的两种返回值：若返回一个对象，则对象中的属性、方法,在模板中均可以直接使用。（重点关注！）若返回一个渲染函数：则可以自定义渲染内容。（了解）...return(h)=>return{h('h1','佩奇')}
哆啦C梦的百宝箱·2022-04-26 14:34

VUE响应式原理的实现详解

目录总结前言相信vue学习者都会发现，vue使用起来上手非常方便，例如双向绑定机制，让我们实现视图、数据层的快速同步，但双向绑定机制实现的核心数据响应的原理是怎么样的呢，接下来让我们开始介绍：functionobserver
·2022-04-23 15:23

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就不说了。
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学习02：Vue基本语法、双向绑定

Vue基本语法我们已经成功创建了第一个Vue应用。看起来这跟渲染一个字符串模板非常类似，但是Vue在背后做了大量工作。现在数据和DOM已经被建立了关联，所有东西都是响应式的。我们在控制台操作对象的属性，界面可以实时更新v-bindTitle鼠标悬停几秒查看动态绑定的提示信息varvm=newVue({el:"#app",data:{message:"hello,vue!"}});我们看到的v-bi
学而知不足~·2022-04-15 17:15

狂神Vue学习01：Vue概念及第一个Vue程序

概念什么是VueVue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架，所谓渐进式就是逐步实现新特性的意思，如实现模块化开发、路由、状态管理等新特性。综合了Angular（模块化）和React（虚拟DOM）的有点与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。因为Vue的边界很明确，就是为了
学而知不足~·2022-04-15 17:44

狂神Vue学习03：Vue组件、网络通信、Vue的生命周期、计算属性

什么是组件组件就是可复用的Vue实例，说白了就是一组可以重复使用的模板，跟JSTL的自定义标签、Thymeleaf的th:fragment等框架有着异曲同工之妙。通常一个应用会以一颗嵌套的组件树的形式来组织例如，你可能会有页头、侧边栏、内容区等组件，每个组件又包含了其它像导航链接、博文之类的组件Vue组件注意：在实际开发中，我们并不会用以下方式开发组件，而是采用vue-cli创建.vue模板文件的
学而知不足~·2022-04-15 17:13

coderwhy-vue学习

(新)2019Vue、Vuejs最详细教程-入门到项目实战coderwhy-vue学习一、邂逅Vuejs1、认识Vuejs1.1简单认识一下Vuejs2、Vuejs安装方式2.1CDN引入2.2下载和引入
快乐的小马龙123·2022-04-03 13:59

VUE学习-入门

文章目录1、vue简介1.1、VUE是啥1.2、为啥用VUE2、VUE的使用2.1、环境搭建2.1.1、nodejs安装2.1.2、npm安装2.1.3、vue-cli安装2.2、创建项目VUE-CLI2.X目录结构相关常用命令vue2.X相关命令vue3.X相关命令3、vue示例3.1、安装element-ui3.2、使用router路由3.3、配置后端代理3.4、使用axios组件3.5、vu
liushangzaibeijing·2022-04-03 13:18

通过vue学习react(五) - 路由router

reactrouterv6版本的路由实现喜欢就点赞呗安装pnpmaddreact-router-dom完整代码#App.tsxfunctionApp(){return(HomeAboutAbout}>}>}/>}>}>}>。);}Api方法意义useParams返回当前参数根据路径读取参数useNavigate返回当前路由代替原有V5中的useHistoryuseOutlet返回根据路由生成的el
·2022-03-28 15:41

通过vue学习react(四) - watch,computed,slot等功能

这些功能都比较简单些,通过reacthooks和reactclass都进行了实现喜欢就点赞呗react实现watchreacthook实现watchfunctionuseWatch(deps:T,handler:(next:T,prev:T)=>void,immediate=false){letnextRef=useRef();constisImmediate=useRef(true);useEf
·2022-03-28 13:32
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他