vue基础：To 第3页

vue基础

VUE基础1.VUE2.vue基础2.1概述2.2声明式渲染和组件化2.2.1声明式渲染2.2.2组件化应用构建2.3开发模式3.vue入门3.1传统DOM与vue实现对比3.2vuedevtools工具安装

T_Donna·2023-12-17 00:54

前端学习笔记（五）：VUE基础学习笔记

文章目录初识VUE（项目搭建）@vue/cli创建项目@vue/cli自定义配置vue指令基础指令虚拟DOM与key过滤器计算属性侦听器VUE组件创建使用组件通信生命周期axios使用$refs和$nextTick使用购物车案例组件切换组件插槽自定义指令tabbar案例VUE路由基础概念声明式导航路由传值的方式编程式导航嵌套和守卫Vant组件库VUE3VUE原理初识VUE（项目搭建）VUE渐进式j

★追梦赤子心★·2023-12-17 00:21

vue基础概念

下面对vue的基础知识点进行记录。1、vue的生命周期就是vue实例从创建到销毁的全过程，即从main.js中的newVue()开始，vue实例有一个完整的生命周期。vue的生命周期中每个阶段对外开放操作vue的接口为钩子函数，包含如下：beforeCreate（创建前）：vue实例完成创建，data没有初始化，不能访问data、method，一般在这个阶段不进行操作；created（创建后）：v

ldcaws·2023-12-17 00:51

Vue框架入门与实践之一

1.Vue基础原理：（1）vue.js中有两个核心功能：响应式数据绑定，组件系统（2）MVC,MVP,MVVM之间的区别和理解；*****MVC：1) 视图(View):用户界面2) 控制器(Controller

小春熙子·2023-12-16 03:30

VUE学习笔记

框架和插件框架不能轻易换，库可以MVC和MVVMnode（后端）中MVC：后端的分层开发概念MVVM是前端视图层的概念，主要关注视图层分离，把前端视图层分成三部分：Model、view、vmviewmodelimageVUE

骆骆呀·2023-12-15 21:01

VUE2-3

第一天：前端工程化与webpack前端工程化的相关概念webpack的常见用法打包发布SourceMap目标：了解工程化的前端开发方式能够知道webpack在实际开发中起到的作用第二天：VUE基础入门VUE

皮皮岛。·2023-12-15 00:26

高德地图vue实现自定义标点热力图效果（缩放时展示不同数据）

样式和vue基础组件省略。。。

椒盐大肥猫·2023-12-14 15:27

vue基础入门（1）

1.vue初体验#1.1.vue简介#1.1.1.vue是什么？Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架，什么叫做渐进式呢？通俗的讲就是一层一层的，一步一步的来做事情的方式。什么又是框架呢？可以理解为一套完整的解决方案。总结起来理解，vue是一个框架，提供了一套完整的解决方案，同时这个框架是渐进式的，你不必使用整个框架的所有内容，可以根据自身的应用场景只使用一部

螺钉课堂·2023-12-06 22:55

【Vue.js 入门到实战教程】01-Vue.js 数据绑定的基本实现和代码分析

来源|https://xueyuanjun.com/post/21912本系列教程涵盖Vue基础语法、组件开发、代码测试、以及如何基于Vue+后端API接口构建单页面应用，希望通过这个系列的学习，可以帮助你快速上手

web前端开发V·2023-12-06 04:59

Vue2

2022.5.2、3学习笔记目录3.4.4组件之间的父子关系3.4.5组件的props3.4.6组件之间的样式冲突问题四、vue基础入门(二)4.1组件的生命周期4.1.1生命周期&生命周期函数4.1.2

让我再睡会儿呗·2023-12-05 22:36

Vue基础之事件修饰符、滚动监听、键盘监听及别名

1.Vue提供了6种事件修饰符1.prevent阻止默认事件2.stop阻止事件冒泡3.once事件只触发一次4.capture使用事件的捕获模式5.self只有evetn.target是当前操作的元素时才触发事件6.passive事件默认行为立即执行，无需等待事件回调执行完毕例：Vue常见修饰符注：单独用，也可以可以连着用，如@click.prevent.stop2.滚动监听1.@srocll.

橙小粥·2023-12-05 18:46

Vue基础知识点梳理

在Vue中，被用来响应地更新HTML属性的指令是v-model页面挂载成功之后会触发哪一个钩子函数mounted挂载之后会进行页面的渲染v-on是动作元素不属于条件渲染指令在Vue中，下列关于Vue实例对象说法不正确的是（）。A.Vue实例对象是通过newVue({})方式创建的。B.Vue实例对象只允许有唯一的一个根标签。C.通过methods参数可以定义事件处理函数。D.Vue实例对象中dat

爱吃java的羊儿·2023-12-03 13:50

Vue基础篇-路由机制

1.模式原理不向服务器发请求而是找到匹配组件或对象，并将其渲染。即为“前端路由”准则。vue实现路由需引入vue-router，其使用的有两种模式，即：hash模式&history模式，下边来简单介绍一下。（1）hash模式概念：hash是指url尾巴后的#及后面的字符，a标签的锚点定位页面就是这种模式。原理：onhashchange事件。注意：1.hash的地址会保留在浏览记录里；2.地址栏直接

Yin.云端·2023-12-02 09:33

Vue基础篇-计算&监听属性

1.计算属性（a）关键词：cumputed{{strRender}}newVue({el:"#app",data:{str:"12345"},computed:{strRender(){this.str="54321"}}})（b）诞生原因模板中放入太多的逻辑会让模板过重且难以维护，为了使得计算清晰明了，计算属性就诞生了（c）小小技巧1.依赖其他计算属性（计算属性函数相互间使用）；2.vue实例间

Yin.云端·2023-12-02 09:32

13-Vue基础之自定义指令与插槽的使用

个人名片：作者简介：一名大二在校生个人主页：坠入暮云间x座右铭：懒惰受到的惩罚不仅仅是自己的失败，还有别人的成功。**学习目标:坚持每一次的学习打卡文章目录一、学习目标1.自定义指令2.插槽二、自定义指令1.指令介绍2.自定义指令3.自定义指令语法4.指令中的配置项介绍5.代码示例三、自定义指令-指令的值1.需求2.语法3.代码示例四、自定义指令-v-loading指令的封装1.场景2.需求3.分

坠入暮云间x·2023-12-01 14:01

Vue基础五

Vue.js-Day4父组件向子组件传值组件实例定义方式，注意：一定要使用props属性来定义父组件传递过来的数据//创建Vue实例，得到ViewModelvarvm=newVue({el:'#app',data:{msg:'这是父组件中的消息'},components:{son:{template:'这是子组件---{{finfo}}',props:['finfo']}}});使用v-bind或

折枝赠远方·2023-12-01 13:19

vue项目中通过vuex管理数据

目录1.前言：2.vuex的基础用法：1.构建与挂载vue基础模板渲染构建仓库2.mutations的使用1.介绍编辑2.案列：3.传参4.辅助函数mapMutations：3.module分对象的写法介绍建立模块

夜间飛行·2023-11-30 00:27

Vue基础之动态绑定数据（methods方法和计算属性对比）

1.template中写入布局动态添加1：动态添加2：全名（methods完成）：{{addTotalName()}}全名(计算属性完成)：{{fullName}}2.script代码data中写入属性methods:{addTotalName(){//Vue中methods中this是指向Vue，在Vue外的this指向windowreturnthis.firstName+"-"+this.se

橙小粥·2023-11-29 19:11

Vue基础入门(三)：Vue3的使用

Vue3的使用一、首页案例修改修改首页的信息：是在之前介绍的HelloWorld.vue文件中进行内容的修改。页面展示效果：此时就看到了我们新添加的文字了！同样的我们开发代码的时候只需要修改了项目中的内容然后保存就会自动刷新的浏览器，不需要我们主动去刷新浏览器了。1.1配置自己的路由首先创建template自定义组件模板在src/components文件夹下，我们自定义创建定义模板（.vue文件）

王维诗里的代码i·2023-11-29 05:18

Vue基础入门(四)：Vue3快速开发模板

快速开发Vue的解决方案Vue的开发需要的node环境，其实上在开发的过程中会遇到一些你想不到的问题，比如npm工具的版本和node环境不匹配（你把其他项目导入到自己的环境）vue-element-admin（是一个官方提供的现成的项目）是一个后台前端解决方案，它基于vue和element-ui实现。它使用了最新的前端技术栈，内置了i18n国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，

王维诗里的代码i·2023-11-29 05:43

webpack工程化前端开发

Vue基础-00课程介绍_哔哩哔哩_bilibili源码，https://gitee.com/cao_mingquan/webpack.git前端开发实际的前端开发1、模块化（js代码的复用）2、组件化

大菠萝-·2023-11-29 01:22

国庆Vue基础补全（四）

Prop在html中prop传值要要用kebab-case，小写连字符，如果这里使用模板字符串，就可以用驼峰js部分是要用驼峰式的Vue.component('blog-post',{//在JavaScript中是camelCase的props:['postTitle'],template:'{{postTitle}}'})组件名官方是推荐用kebab-case，组件名是小写，引入的时候也用小写组

key君·2023-11-28 23:31

微信小程序开发原生与uniapp框架的选择

分析：原生：特点：1、技术随官方更新而更新2、专属于小程序开发，匹配度高缺点：1、不能通用其他平台小程序，兼容度底uniapp：特点：1、通用大多数平台小程序2、低项目，速成快3、对于具有vue基础的小伙伴来说

赵小荣工作室·2023-11-28 20:09

vue基础入门踩坑备忘

document.getElementById('mask').innerHTMLdocument.getElementsByClassName('mask')[index].innerHTMLconsole.log(document.getElementsByClassName('mask')[index].innerHTML);vue加链接(已设置过路由)：$router.push({path

abiao1981·2023-11-28 18:13

vue

npminstall-gcnpm--registry=https://[email protected]@2.9.6--global权限vue第一个项目下载vue

qq_37957971·2023-11-28 12:39

搭建自己的wiki知识库【转】

有前端基础，会Markdown、会HTML和CSS，选择Hexo有Vue基础可以选择vuePress或者vitePress会Go可以选择Hugo会Rust可以选择Zola会Ruby可以选择Jekyll会

janthinasnail·2023-11-28 08:31

Vue面试题整理

此题主要考查大家vue基本功，对于vue基础api运用熟练度。另外一些边界知识如provide/inject/attrs/attrs/attrs/listeners则体现了面试者的知识面。

陈大大的棉花墙·2023-11-27 18:54

vue基础（遍历数据,class样式控制）

@font-face{font-family:element-icons;src:url('/projectapp/fonts/sy/element-icons.woff')format("woff"),url('/projectapp/fonts/sy/element-icons.ttf')format("truetype");font-weight:400;font-display:"auto

小小1992·2023-11-27 15:06

Vue基础

过滤器Vue.支持在｛｛｝｝插值的尾部添加一小管道符“|”对数据进行过滤，经常用于格式化文本，比如字母全部大写、货币千位使用逗号分隔等。过滤的规则是自定义的，通过给Vue实例添加选项filters来设置过滤器：{{data|filter1|filter2}}{{date|formatDate(66,99)}}中的第一个和第二个参数，分别对应过滤器的第二个和第三个参数{{date|formatDat

MajorDong·2023-11-25 00:38

【SpringBoot3+Vue3】四【基础篇】-前端（vue基础）

目录一、项目前置知识二、使用vscode创建三、vue介绍四、局部使用vue1、快速入门1.1需求1.2准备工作1.3操作1.3.1创建html1.3.2创建初始html代码1.3.3参照官网importvue1.3.4创建vue应用实例1.3.5准备div1.3.6准备用户数据1.3.7通过插值表达式渲染页面1.3.8保存（ctrl+s）运行2、常用指令2.1v-for遍历2.2v-bind动态

春天的菠菜·2023-11-24 21:40

webpack构建Vue2.0项目初体验

本文前提准备：有vue基础，搭配好no

Ertsul·2023-11-24 18:42

Vue2.0入门详解

一、Vue基础1.1、概述作者：尤雨溪官网：https://cn.vuejs.orgVue.js是一套构建用户界面的渐进式框架。Vue采用自底向上增量开发的设计。

River_Js·2023-11-24 07:16

vue2基础用法&原理

本篇转载：https://gitee.com/gaohan888/note文章目录1.vue基础知识和原理1.1初识Vue1.2模板语法1.3数据绑定1.4el与data的两种写法1.5Vue中的MVVM1.6

Jm呀·2023-11-24 02:50

vue基础学习笔记 --- v-model表单双向绑定、双向绑定的原理、v-bind和v-model的区别

v-modelv-model：是双向绑定，用于表单元素，主要针对以下类型：text文本,textarea多行文本,radio单选按钮,checkbox复选框,select下拉框Document//text文本姓名：<inputtype="text

努力学习的米·2023-11-22 01:46

FLASK+VUE--前后端分离（三）- VUE+Element-UI搭建登陆页面且能够正常登陆

FLASK+VUE–前后端分离（一）-Flask基础讲解之路由、视图函数及代码实现FLASK+VUE–前后端分离（二）-VUE基础安装及项目的简易介绍FLASK+VUE–前后端分离（三）-VUE+Element-UI

发呀发呀哈哈·2023-11-21 07:11

Vue基本知识

Vue、React、AngularVue基础现阶段，Vue已经有3个大版本：Vue1淘汰。Vue2过渡期，逐步转向Vue3。Vue3官方主推版本，以后主流。

是程序喵呀·2023-11-20 16:38

VUE基础的一些实战总结

7：构建和部署模板语法1.插值2.指令3.计算属性4.条件渲染5.列表渲染6.绑定属性响应式基础响应式数据视图与数据绑定改变数据响应式的原理vue的优缺点：优点：缺点：总结：博主：冰海恋雨.文章核心：VUE

冰海恋雨.·2023-11-19 16:21

Vue3.0项目实战+ElementUI从入门到实战

课程地址:Vue3.0项目实战2021｜Vue差异化对比+实操公司后台管理系统｜零基础入门前端开发教程(C#/.Net/Vue基础/Vue3技术入门讲解/Vue实战)_哔哩哔哩_bilibilihttps

小前端而已·2023-11-19 16:07

前端开发学习 (一) 搭建Vue基础环境

一、环境搭建1、安装nodejs#下载地址https://nodejs.org/dist/v20.9.0/node-v20.9.0-x64.msi2、配置环境变量上面下载完安装包后自行安装，安装完成后安装下图操作添加环境变量#查看版本node--versionv20.9.0#npm--version10.1.03、配置npm加速源npmconfigsetregistryhttp://registr

默子昂·2023-11-17 14:15

vue 获取父组件里的ref_Vue基础总结2

Vue中父子之间怎么样子传值的，非父子之间呢？父-->子1.pros传值法父组件代码：子组件代码：子-->父1.emit触发传值法父组件代码子组件代码非父子传值1.建立中间的事件bus总线

weixin_39640911·2023-11-16 21:42

VUE基础的一些总结

锅盖哒·2023-11-15 21:14

vue 常用指令，以及动态添加样式，单选效果，多选效果样式实现

Vue基础——常用指令指令：Vue的指令是以v-开头的，作用于页面中的元素，所以需要将指令绑定与元素中，从而达到给绑定的元素添加行为的目的。

官方小可爱√·2023-11-15 04:40

vue 数组指定位置添加数据_VUE 响应式原理源码：带你一步精通 VUE

本文需要有一定VUE基础，并不适合新手学习。文章较长，且有些难度，建议大家，

weixin_39917576·2023-11-14 23:22

vue 数组指定位置添加数据_VUE 响应式原理源码：带你一步精通 VUE | 原力计划...

本文需要有一定VUE基础，并不适合新手学习。文章较长，且有些难度，建议大家，

weixin_39624367·2023-11-14 23:51

Vue基础必备掌握知识点-Vue的指令系统讲解

什么是Vue？Vue的概念Vue是一个用于构建用户界面的渐进式框架(通过数据渲染出用户所能够看到的界面)Vue的两种使用方式1：Vue核心包开发场景：局部模块的改造2：Vue核心包&Vue工程化的开发场景：整站开发Vue开发的优缺点:优点：提高开发的效率,约提高70%之上，一套完整的项目解决方案缺点：需要使用Vue框架的规则去实现，需要去记忆你如果学过Java语言，那么你在学习这套框架，就会轻松一

不想睡醒的梦·2023-11-14 21:11

Vue基础必备掌握知识点-Vue的指令系统讲解(二)

Vue指令系统继续讲解v-for作用:基于数据进行循环，多次渲染整个元素数据类型:数组.对象.数字。。。遍历数组语法：v-for="(item,index)"in数组item:表示每一项index:则是表现下标注意:v-for中的key值，key属性=''唯一的标识'':给列表项添加唯一标识，以便于Vue进行列表项的正确排序复用。key值只能是字符串或者是数字类型，key值必须具有唯一性，建议id

不想睡醒的梦·2023-11-14 21:08

Vue基础之购物车案例

个人名片：作者简介：一名大二在校生个人主页：坠入暮云间x座右铭：懒惰受到的惩罚不仅仅是自己的失败，还有别人的成功。**学习目标:坚持每一次的学习打卡经过前几次的学习，我们今天的学习任务主要是完成一个简单的购物车页面，该案例综合了之前所学到的知识点，非常适合新手们练习！让我们一起看下去吧！！！文章目录分析案例结构实现功能1.动态渲染商品数据分析案例结构可以看出我们今天需要完成案例功能如下：添加商品动

坠入暮云间x·2023-11-14 16:09

Vue基础之组件通信（二）

个人名片：作者简介：一名大二在校生个人主页：坠入暮云间x座右铭：懒惰受到的惩罚不仅仅是自己的失败，还有别人的成功。**学习目标:坚持每一次的学习打卡文章目录一、组件通信方式有哪些？二、什么是组件通信？三、组件关系分类1.父组件向子组件通信2.子组件向父组件通信四、什么是props?1.Props定义：2.Props作用：3.Props特点：props校验什么是单向数据流？1.props和data共