前端专栏VUE学习

vue学习记录

正要学习，先记录一下学习资料，备忘1、Vue3安装配置、开发环境搭建(组件安装卸载)（图文详细）Vue3安装配置、开发环境搭建(组件安装卸载)（图文详细）_逆境清醒的博客-CSDN博客2、vue3项目搭建教程（基于create-vue，vite，Vite+Vue）vue3项目搭建教程（基于create-vue，vite，Vite+Vue）_vue3搭建_逆境清醒的博客-CSDN博客
mangge08·2023-09-02 15:30

Vue学习的第六天

条件渲染v-ifYesNo#在元素上使用v-if条件渲染分组因为v-if是一个指令，所以必须将它添加到一个元素上titleparagraph#v-else可以使用v-else指令来表示v-if的else块0.5">NowyouseeNowyouv-else元素必须紧跟在带v-if或者v-else-if的元素的后面，否则它将不会被识别#v-else-if充当v-if的“else-if块”，可以连续使
Easy_Dream·2023-09-01 11:19

Vue学习笔记router-link

组件支持用户在具有路由功能的应用中点击导航。通过to属性指定目标地址，默认渲染为带有正确连接的标签，可以通过配置tag属性生成别的标签。另外，当目标路由成功激活时，链接元素自动设置一个表示激活的css类名组件的属性有：1、to（必选参数）：类型string/location表示目标路由的链接，该值可以是一个字符串，也可以是动态绑定的描述目标位置的对象如下几种示例//下面是字符串的形式Home//下
少甜的草莓牛奶·2023-08-31 01:08

vue学习笔记 - 组件通信01

组件是vue最核心的功能，组件化你的前端页面，能大大的提高重用性，让代码可复用，维护起来简直爽的飞起，举例来说就比如一些评论输入框。在vue中使用组件Vue.component('input-number',{template:'-=max">+',props:{max:{type:Number,default:Infinity},min:{type:Number,default:-Infinit
我永远喜欢结城明日奈·2023-08-30 10:49

vue-vue2核心1

vue学习1-初识vue文章目录vue学习1-初识vuevue介绍初识vue模板语法数据绑定el与data两种写法理解MVVM数据代理回顾Object.defineproperty方法何为数据代理Vue
飘然渡沧海·2023-08-29 22:12

Vue学习笔记|路由、详细、入门

目录1.什么是路由2.前端路由和后端路由的区别3.路由应用实例4.嵌套路由5.路由传参6.路由缓存方式7.router相关函数8.组件不被销毁9.路由守卫10.路由器的两种工作模式11.注意点1.什么是路由路由是一组映射关系（key-value）key是路径，value可能是function或者component2.前端路由和后端路由的区别2.1后端路由1）value是function，用于处理客
***无名小卒·2023-08-28 22:18

Vue学习笔记(四)——Vue路由

vue是一个单页面程序应用，即使有无数个vue文件，也只是vue页面中的组件svue-router是vue的一个插件，用来提供路由功能，通过路由的改变动态加载组件，达到开发单页面程序的目的设置了路由之后，不需要再注册组件，只需要注册了路由之后，通过path、name进行组件之间的切换路由应用1.声明组件letcom={data(){return{}},template:``,}2.声明路由rout
hsy_siying·2023-08-28 22:15

vue学习笔记：还不会上传文件，10分钟教会你使用input file上传文件

最近在写一个用户上传MP3文件到服务器的小案例，我写一个这样的界面：当用户点击input的时候，其实这里并不是input的样式，而是一个div将代替了input的原生样式，这样比较好看一点：选择文件:{{filename}}我就将input的opacity设置为0：input{opacity:0;cursor:pointer;}将mask定位到我们想要的位置，然后通过mask的点击事件来触发inp
编程学渣ズ·2023-08-27 14:18

Vue学习（五）——Vuex核心概念（State、Getter、Mutation、Action、Module）

注意，这里演示的代码都是基于上一篇文章《Vue学习（四）——Vuex入门》进行修改。所以请读者在操作代码时先按上篇文章搭起项目。
sadoshi·2023-08-26 16:11

Vue学习第四天：17Vuex核心概念及底层原理

min-vuex.js文件importVuefrom'vue'//默认参数functionStore(option={}){//解构赋值var{state={},mutations={}}=option;//通过Vue将state设置为响应式数据this._vm=newVue({data(){return{$$state:state}}});this._mutations=mutations;}/
itboy7·2023-08-26 16:40

Vue学习笔记之Vuex的核心概念Module

Module由于使用单一状态树，应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时，store对象就有可能变得相当臃肿。为了解决以上问题，Vuex允许我们将store分割成模块（module）。每个模块拥有自己的state、mutation、action、getter、甚至是嵌套子模块——从上至下进行同样方式的分割：constmoduleA={state:{...},mutations:
WebKoalaBoy·2023-08-26 16:39

Vue学习之Vue组件的核心概念

组件是什么vue组件就是一个个独立的小型的ui模块，整个大型的系统就是由一个个小型的UI模块拼接而成的vue组件就是vue实例，通过newVue函数来创建的一个vue实例，不同的组件只不过是options的不同，我们基本百分之90的开发工作都是围绕options的配置来进行的三大核心概念属性、事件、插槽属性属性例子：exportdefault{name:"PropsDemo",//不推荐使用这种做
合格的程序员·2023-08-25 21:05

vue学习之热更新、单文件开发、插槽、作用域插槽

vue-cli全局安装：-g，全局安装vue-clinpminstall-g@vuecli创建项目vuecreatemy-app生成的文件结构：node-modules:存放依赖src：源代码文件夹src-components：存放组件的位置将上一篇中我们html的文件内容移植到使用vue-cli创建的my-app项目中完整代码，替换App.vue中的代码{{msg}}添加{{item}}-->i
合格的程序员·2023-08-25 21:35

vue学习之hello world

依赖引入Helloworld实现{{msg}}newVue({el:'#app',data(){return{msg:"hellogeek!"}}})给节点定义id，这样组件可以和指定节点进行绑定Vue对象中的data节点，是对此实例数据的说明其中div中获取对象实例中定义的msg的值通过{{}}来获取，这个叫做插值表达式效果展示按钮、todo列表通过点击按钮获取输入框中的值，添加到todo列表中
合格的程序员·2023-08-25 21:34

Vue学习笔记(8.24)

认识Vue基本概念：Vue是一个用于构建用户界面（基于数据构建出用户能够看懂的界面）的渐进式框架Vue的两种使用方式Vue核心包开发Vue核心包&Vue插件工程化开发优点：大大提升了开发效率缺点：需要记忆创建Vue实例准备容器引包–开发版本/生产版本，去官网找https://v2.cn.vuejs.org/v2/guide/installation.html创建Vue实例指定配置项el指定挂载点d
辰尘-·2023-08-25 06:30

Vue学习笔记-ElmentUI表单校验

Elment-UI的Form组件提供了表单验证的功能：1.将Form-Item的prop属性设置为需校验的字段名2.通过rules属性传入约定的验证规则rules:{name:[{required:true,//非空校验message:'提示信息',//校验提示信息trigger:'blur'//触发条件：blur、change}]踩坑：1.要验证输入只能为数字时{type:'number',me
赵客缦胡缨v吴钩霜雪明·2023-08-23 00:50

vscode-vue项目格式化+语法检验-草稿

Vue学习笔记7-在Vscode中配置Vetur，ESlint，Prettier_vetur规则_Myron.Maoyz的博客-CSDN博客
startyangu·2023-08-22 09:55

websocket + stomp + sockjs学习

application.ymlWebSocketConfigPrivateControllerWebSocketServiceWebSocketEventListenerCorsFilter前端代码Room.vue
ps酷教程·2023-08-21 12:25

Vue学习笔记

前言前后分离的开发思想主要时基于Soc(关注度分离原则)！什么是CSS预处理器CSS预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为CSS增加了一些编程的特性，将CSS作为目标生成文件，然后开发者就只要使用这种语言进行CSS的编码工作。转化成通俗易懂的话来说就是“用一种专门的编程语言，进行Web页面样式设计，再通过编译器转化为正常的CSS文件，以供项目使用”。常用的CSS预处理器
AIoneT·2023-08-21 03:39

vue 学习笔记

VUE学习笔记1简介1.1简介中文网https://cn.vuejs.org/v2/guide/Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。
墨竹闲人·2023-08-21 03:08

Vue学习笔记 5 - webpack 安装/文件配置

webpack前面我们学习了为什么前端需要模块化，并且提到目前使用前端模块化的一些方案：AMD、CMD、CommonJS、ES6。在ES6之前，我们必须借助其他工具来进行模块化开发，开发完成后还需要处理模块间的各种依赖，并将其进行整合打包。webpack其中一个核心就是让我们可能进行模块化开发，并帮助我们处理模块间的依赖关系。而且不仅是JavaScirpt文件，我们的CSS、图片、json文件等在
Caramely·2023-08-21 03:36

Vue学习笔记 6 - 使用 Vue 的配置过程/组件化开发引入/文件封装处理/ plugin /搭建本地服务器/配置文件的分离

webpack官网链接：webpack中文文档webpack使用Vue的配置过程引入Vue.js后续项目中，我们会使用Vue.js进行开发，而且会以特殊的文件来组织vue的组件。那么如何在webpack环境中集成Vue.js呢？我们希望在项目中使用Vue.js，那么必然需要对其有依赖，所以需要先进行安装。因为我们后续在实际开发中也会使用vue，所以并不是开发时依赖(使用的是–save-dev)np
Caramely·2023-08-21 03:36

Vue学习笔记[14]-vue-router使用嵌套路由&传递路由参数

当前我们配置的路由都只有一层，要配置多层路由，需要用到嵌套路由。//index.jsconstroutes=[//...{path:'/home',component:Home,children:[{path:'news',component:HomeNews},{path:'message',component:HomeMessage}]},]constrouter=newVueRouter({
神楽花菜·2023-08-20 20:35

前端技术Vue学习笔记--005

Vue学习笔记一、非父子通信-eventbus事件总线作用：非父子组件之间，进行简易消息传递。
Radan小哥·2023-08-20 03:08

前端技术Vue学习笔记--004

Vue学习文章目录Vue学习一、scoped解决样式冲突二、data必须是一个函数三、组件通信3.1、组件关系3.2、组件通信解决方案3.3、父传子通信3.4、子传父通信3.5、组件通信案例四、prop
Radan小哥·2023-08-20 03:07

每周总结 20210801 vue文档学习

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

Vue学习笔记：axios 拦截器的用法

Vue学习笔记：axios拦截器的用法什么是axios拦截器？拦截器就是拦截每一次的请求和响应，然后进行相应的处理。
前端互助会·2023-08-19 07:13

前端框架Vue

Vue学习路线学习HTML、CSS和JavaScript基础知识：Vue是基于JavaScript的框架，所以首先需要掌握HTML、CSS和JavaScript的基础知识，包括DOM操作、事件处理、变量和函数等
陆卿之·2023-08-19 05:57

Vue学习笔记九：Vue-axios

1.使用axios//安装npminstall--saveaxios//组件内引入importaxiosfrom'axios'//发送post请求(基于Pormise的)axios.post("http://mp.yc.info",this.blog).then((res)=>{this.arr=resconsole.log(res)}).then((res)=>{})2.全局配置main.js文
开发者连小超·2023-08-19 03:12

vue学习笔记-遗留问题记录

Node.js是什么？对node.js的理解官网解释：Node.js是一个基于ChromeV8引擎的JavaScript运行时。这是一种通过JavaScript语言开发web服务端的东西Node是一个服务器程序。但是，基础Node产品肯定不像Apache或Tomcatnode.js有非阻塞，事件驱动I/O等特性，从而让高并发（highconcurrency）在的轮询（Polling）和comet构
Taowd·2023-08-17 20:38

vue router-link添加click事件无效

在vue学习中遇到给router-link标签添加事件@click、@mouseover等无效的情况解决方案：根据Vue2.0官方文档关于父子组件通讯的原则，父组件通过prop传递数据给子组件，子组件触发事件给父组件
Paul_Chan_·2023-08-16 11:49

vue学习笔记

1.官网v2官网https://v2.cn.vuejs.org/v3官网https://cn.vuejs.org/2.vue引入在线引入下载引入(下载链接)https://v2.cn.vuejs.org/js/vue.js3.初始化渲染的核心步骤4.插值表达式5.6.插件下载VueDevtoolshttps://chrome.zzzmh.cn/info/nhdogjmejiglipccpnnnan
唏嘘南溪·2023-08-15 05:01

添加vue devtools扩展工具+添加后F12不显示Vue图标

前言：在开启Vue学习之旅时，遇到问题两个问题，第一添加不上vuedevtools扩展工具，第二添加完成后，F12不显示Vue图标。查阅了很多博客，自己解决了问题，故写此博客记录。
MRJJ_9·2023-08-15 02:07

vue实现搜索功能且关键字高亮，介绍(axios,promise)

很多伙伴在自己用vue学习开发的过程中，不像真正的工作开发，有后端支持，可以从后端那里调接口拿到真实的数据进行展示。
超人鸭·2023-08-14 05:03

前端技术Vue学习笔记--003

前端技术Vue学习笔记文章目录前端技术Vue学习笔记1、Vue生命周期和生命周期的四个阶段1.1、Vue生命周期1.2、生命周期的四个阶段1.3、Vue生命周期函数（钩子函数）2、小黑记账本（案例）3、
Radan小哥·2023-08-14 04:33

Vue学习

1、vue介绍Vue属于JS框架，快速构建前端界面的技术。目前主流版本Vue2和Vue3。Vue核心思想：不操作dom，通过控制数据（数据驱动），就可以完成页面的所有操作。学习Vue框架：需要与前面学习的HTML、CSS、JS（DOM）进行对比，知道框架到底帮助我们将哪些技术进行封装（不用书写），哪些技术进行改变。官网：https://cn.vuejs.org/2、BS和CS架构软件设计架构中有两
申申呢？·2023-08-13 15:27

vue学习之解决“} expected“和“at-rule or selector expected“报错

问题：在vue中已经安装了sass，并且也在style中使用了lang="scss"，但是在vscode中还是报如下错误：}expectedat-ruleorselectorexpected解决：看看vscode右下角语言模式是不是Vue，如果不是，改成Vue。如图所示：改成Vue后：问题解决！
King_960725·2023-08-12 19:09

vue学习-网络请求

1.GET请求varvm=newVue({el:'#app',methods:{getLogin:function(){varurl="http://127.0.0.1:3000/login?username=zhangsan&password=1234";//1.get(url)只需要传一个url即可this.$http.get(url).then(function(response){cons
前端霸王防脱发洗发水·2023-08-12 05:47

VUE学习

1切换npm镜像//查看当前镜像npmgetregistry//切换淘宝镜像npmconfigsetregistryhttp://registry.npm.taobao.org///切换原本npm镜像npmconfigsetregistryhttps://registry.npmjs.org/2安装vue-clicnpminstallvue-cli-g3初始化项目vueinitwebpackech
从卖鱼开始·2023-08-08 20:48

Vue学习笔记------Vue入门（一）

Vue是什么Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的特点遵循MVVM模式编码简洁,体积小,运行效率高,适合移动/PC端开发它本身只关注UI,也可以引入其它第三方库开发项目起步创建一个html文件，引入vue.js想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象root容器里的代码依然符合html规范，只不过混入了一
神秘的帅哥·2023-08-08 08:26

VUE学习笔记：7.v-model指令讲解

1.v-model介绍v-model主要用来操作input标签，实现标签与数据的双向绑定双向绑定：即改变vue中数据的值会导致input标签中的值改变，同理改变input标签中的值来也会导致vue中数据的值改变。能双向绑定的input标签包括：text格式，select格式和textarea格式，radio格式，checkbox格式等2.v-model的基本使用格式如下：#将input标签与数据m
new nm个对象·2023-08-08 08:25

2019-11-26 Vue学习常用网站

Vue中文官网基础教程[https://cn.vuejs.org/v2/guide/computed.html](https://cn.vuejs.org/v2/guide/computed.html)Vue中文官网API即Vue实例包含的默认属性和方法[https://cn.vuejs.org/v2/api/#%E5%AE%9E%E4%BE%8B%E5%B1%9E%E6%80%A7](https
胡生生·2023-08-06 10:48

Vue学习笔记（一）

一.了不起的vue1.官方介绍Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。2.渐进式框架做分层设计，每层都可选，不同层可以灵活接入其他
千锋HTML5学院·2023-08-06 00:05

【vue学习】watch监听问题

watch监听执行的时候，watch方法未执行。并没有报错遇见的问题子组件，定义了props，属性里有一个selectedData，但是在执行的时候，这个对象在父组件里也修改了，可是就是死活没有触发。。。观察报错比较不好调查的就是，这个并没有报错，只是不执行，也看不到真正传入到组件内部的对象值。最后在各种调查之后，发现了一个问题，就是如下两种写法是有区别的，传递到子组件的部分没有变化，但是在父组件
时光不等仁·2023-08-03 19:44

前端技术Vue学习笔记--002

前端技术Vue学习笔记文章目录前端技术Vue学习笔记1、指令修饰符2、v-bind对于样式控制的增强2.1、v-bind对于样式控制的增强--class2.2、v-bind对于样式控制的增强--操作style3
Radan小哥·2023-08-02 22:47

vue学习之插值表达式{{}}与显示数据(v-text和v-html)

1.记得导入1.插值表达式{{}}vue插值表达式我最喜欢的人是：{{name}}//创建vue对象varapp=newVue({//让vue接管div标签el:"#app",//定义name值为"刘雨昕"，用于在div中引用data:{name:"刘雨昕"}});2.v-text和v-htmlv-text：{{msg}}-->v-html：{{msg}}-->v-text：把数据当作纯文本显示.
素心如月桠·2023-08-01 22:35

vue 目录

vue学习资源vue.js中文官网：http://cn.vuejs.org/vue.js源码：https://github.com/vuejs/vuevue.js官方工具：https://github.com
程序员达芬奇·2023-07-29 13:36

Vue学习第二课

1：创建Demo工程1：通过brew安装node.js；(不要使用sudo命令，后期会存在各种权限问题)2：安装过程，请根据警告或者报错提供的命令。进行修改，或者添加vi.bash_profile3：通过npminstallvue，安装vue环境；4：通过npminstall--globalvue-cli安装cli环境；5：通过vuecreate创建Demo工程；(注意：vue版本不同，命令稍微不
伙伴崩溃·2023-07-29 10:13

一个Java后端的Vue自学笔记

本人最近自学了一些Vue的皮毛，写下这篇博客不是为了哗众取宠，权当是为自己做一个Vue学习笔记。这篇博客主要记录了我学习Vue基础知识，完成一个TodoList小功能的开发过程。
Haozz_1994·2023-07-29 05:33

Vue学习记录第二天

复习letvm=newVue()vm=viewModel数据最终都会被vm代理{{msg}}表达式，赋值，计算，三元，尽量少写逻辑试图控制数据input，checkbox，textarea，radio，select但是selected，value，checked都无效了指令必须v-开头v-text相当于{{}}v-once只绑定第一次的数据v-html渲染htmlv-if根据表达式，决定是否插入页
大白熊_8133·2023-07-29 00:10
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他