VUE基础第3页

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共

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

总结Vue 团队开发的一些基本配置封装分享

本文已授权掘金开发者社区公众号独家使用，包括但不限于编辑、标注原创等权益简介本篇文章主要带来的是vue基础架构篇，大家都知道，Vue3.0后Vue2.0会有一个终结版出来，也就说明Vue迎来了新时代，但是并不是所有项目都能够一起迈向新时代的轮船

前端劝退师·2023-11-13 08:29

Java程序员要掌握的前端知识-Vue2篇

第二章.Vue21.Vue基础1)环境准备安装脚手架npminstall-g@vue/cli-g参数表示全局安装，这样在任意目录都可以使用vue脚本创建项目创建项目vueui使用图形向导来创建vue项目

SuperW.·2023-11-13 01:17

Vue3基础学习笔记（二）Vue基础语法5-列表循环渲染

列表循环渲染一、v-for循环数组为了提高循环时性能，在数组其中一项变化后，整个数组不进行全部重新渲染，Vue提供了绑定key值的使用方法，目的就是增加渲染性能，避免重复渲染增加数据内容的三种方式：①使用数组变更函数pop，push，shift，unshift，reverse等constapp=Vue.createApp({data(){return{listArray:['123','456',

smellsummer·2023-11-12 04:06

Vue3基础学习笔记（二）Vue基础语法6-事件绑定

事件绑定基础内容知识点：如果在methods中要额外传递参数，同时要获取原生的事件对象，要在模板中使用$event变量，这就指原生的事件对象constapp=Vue.createApp({data(){return{counter:0}},methods:{handleAddBtnClick(num,event){this.counter+=num;console.log(event)}},tem

smellsummer·2023-11-12 04:06

前端面试题之vue篇

vue基础vue的基本原理当一个Vue实例创建时，Vue会遍历data中的属性，用Object.defineProperty(Vue使用proxy)转换为getter/setter，并且在内部追踪相关依赖

糊口的前端工程师·2023-11-11 22:34

uniapp学习笔记

有一定HTML,CSS,vue基础,记录方便自己记忆学习,自己觉得很经常用不会错的就没记文件-新建-项目工具-安装插件编译成微信小程序段代码设置开发者路径,安装微信开发者工具目录开启服务端口,微信开发者工具中开启设置

幸运兔I·2023-11-11 18:42

Vue学习笔记（张天禹老师Vue）

文章目录1Vue基础1.1介绍Vue1.2Vue的安装1.3Hello小案例1.3Hello案例分析1.4模板语法1.5数据绑定1.6el和data两种写法1.7MVVM模型1.8Object.defineProperty1.9

玖菱霜叶·2023-11-11 08:23

Vue基础-10-数据变更检测

Vue基础-10-数据变更检测再Vue中已经可以定义对象类型、基本类型数据、数组类型的数据基本数据类型主要基本数据类型的值发生变化，我们页面都能动态检测更新Object对象类型替换对象的引用、修改对象的属性值能够检测到更新

前端小萝莉·2023-11-09 16:23

【vue】VUE基础语法(一)

目录一、上篇遗留问题：二、VScode添加代码片段方法三、vue3基本指令3.1Mustache双大括号语法：3.2v-once语法：3.3v-text语法：3.4v-html语法：3.5v-pre语法：3.6v-cloak语法：四、v-bind4.1v-bind的基本使用4.2v-bind绑定class-对象语法4.3v-bind绑定class-数组语法4.4v-bind绑定style-对象语法

刘乙江·2023-11-08 07:03

最全vue2,vue3知识点汇总

一、Vue基础1.Vue的基本原理当一个Vue实例创建时，Vue会遍历data中的属性，用Object.defineProperty（vue3.0使用proxy）将它们转为getter/setter，并且在内部追踪相关依赖

william毅·2023-11-08 00:50

前端Vue框架学习（一）基础内容总结

Vue是前端开发主流框架之一，对于开发者来说解决了好多细节问题，方便了开发，提高了效率，下面我就带来Vue2.0的一些基础的内容归纳总结，后期我会归纳Vue3.0的新变化文章参考：Vue基础概念Vue教程

一个刘·2023-11-06 10:20

学好vue靠他就行了——vue脚手架，自定义事件，插槽等复杂内容

博主主页：追求～本文承接上一篇:学好vue靠他就行了—vue基础知识与原理(一)学好vue靠他就行了—vue基础知识与原理(二)希望各位博主多多关注文章目录2.vue脚手架，自定义事件，插槽等复杂内容2.1

追求～·2023-11-06 09:19

vue基础命令

1.创建项目vuecreate项目名2.进入项目cd项目名3.启动项目yarnserve主要文件及含义node_modules下都是下载的第三方包public/index.html–浏览器运行的网页src/main.js–webpack打包的入口文件src/App.vue–vue项目入口页面package.json–依赖包列表文件@vue/cli自定义配置项目根目录下的vue.config.js配

全栈^_^小菜鸟·2023-11-05 08:15

ChatGPT教我用200行代码写一个简版Vue框架 - OpenTiny

AI是未来最好的老师最近，我正在准备一份关于Vue基础的学习材料。期间我突发奇想：能否利用现在热门的ChatGPT帮我创建学习内容？

OpenTiny社区·2023-11-03 16:45

推荐频道

VUE基础