vue基础

vue基础四（路由）

路由起步使用路由动态路由匹配(传参)使用props接收路由参数路径参数与查询参数this.$route的fullpath和path响应路由参数的变化匹配所有路径匹配优先级嵌套路由声明式导航编程式导航$router.push()$router.replace()$router.go(n)$router.go(n)简写方法命名路由命名视图重定向别名路由组件传参History模式$router和$rou
今天晚上一定要早睡·2024-02-03 12:54

Vue学习之vue基础学习1

Vue学习之vue基础学习1下文将简述vue的基础知识包括声明式渲染、Attribute绑定、事件监听、表单绑定、条件渲染几个部分。
ciku·2024-02-01 20:09

Vue基础篇（三）

第四章v-bind以及class与style的绑定应用场景:DOM元素经常会动态地绑定一些class类名或style样式了解v-bind指令—v-bind的复习链接的href属性和图片的src属性都被动态设置了，当数据变化时，就会重新渲染。在数据绑定中，最常见的两个需求就是元素的样式名称class和内联样式style的动态绑定，它们也是HTML的属性，因此可以使用v-bind指令。我们只需要用v-
缺月楼·2024-02-01 16:42

Vue.js快速入门

以下为本人观看黑马程序员Vue框架学习视频所做的笔记视频连接：01.课程介绍_哔哩哔哩_bilibili目录Vue基础第一个Vue程序el挂载点data数据对象本地应用内容绑定和事件绑定v-textv-htmlv-on
大家好我是Boger·2024-02-01 16:44

【Vue基础-实践】数据可视化大屏设计（林月明螺蛳粉文化公司单量数据大屏）

目录一、知识整理1、页面自适应2、下载插件pxtorem&rpx3、关于padding与margin4、下载echarts5、下载axios6、experss官网接口创建7、创建路由8、api接口创建9、设置基准路径10、跨域设置11、图表设置12、地图数据引用13、设置地图效果二、文件说明三、效果展示四、问题解决1、在页面自适应下载阿里团队插件时遇问题httpsfetchGET2002、中途ct
林月明·2024-01-31 21:35

vue核心知识点

一、Vue基础知识点总结开发vue项目的模式有两种：基于vue.js，在html中引入vue.js，让vue.js管理div#app元素。
前端小天才·2024-01-31 13:00

JavaEE学习笔记 2024-1-25 --VUE的入门使用

文章目录14.VUE基础14.1VUE的入门使用14.2条件判断14.3循环渲染14.4v-bind绑定标签属性14.5v-model表单标签的双向绑定14.6事件处理14.7axios14.VUE基础前端框架
白斑马不是斑马·2024-01-31 12:57

AI告诉你如何快速入门VUE

2.学习Vue基础知识：Vue的核心概念包括数据绑定、组件化、路由、状态管理等。你可以通过阅读Vue官方文档来学习。3.实践：理论学习的同时，你需要通过编写一些简单的Vue应用来提高你的技能。
小嘤嘤怪学·2024-01-31 06:37

day1 vue（初识vue） @vue/cli脚手架的安装及vue基础指令

Vue基本概念为什么学vuevue开发效率更高大厂公司企业都在用掌握技能拿高薪vue是什么是一个javascript渐进式框架什么是渐进式逐渐使用集成更多功能库和框架的区别库里面拥有许多属性和方法可以随意添加修改，规则性没有那么强框架的规则性很多是一套拥有自己规则的语法@vue/cli脚手架@vue/cli脚手架是什么有什么好处方便开发不用自己去配置开箱即用0配置webpackbabel支持css
蒙奇-D-鑫伟·2024-01-30 18:16

【Java之Vue】

VueVue基础语法创建对象及插值表达式{{msg1+msg2}}//newVue创建一个Vue对象//一个Vue对象一旦创建,会立即检测自己的el属性,找到对应id的html作用域//和对应的作用域建立
Bigcoding·2024-01-30 14:07

webpack5快速搭建Vue3项目

webpack5快速搭建Vue3项目基础环境搭建安装依赖webpack配置文件修改引入Vue基础环境搭建参考webpack5快速搭建HTML项目安装依赖vue：yarnaddvue-Svue-loader
weiweivita·2024-01-29 22:27

VUE基础：循环、判断、点击事件及表单验证双向绑定

1.VUE一些基础用法：循环、判断、点击事件Document.red{color:red;}.font-size{font-size:30px;}-->{{msg}}-->{{msg}}-->{{msg.substring(0,4)}}-->学习java学习javaScript学习javaScript-->点我学习学习java学习javaScript学习语言加油学习前端加油学习后端{{item.t
GGYY丶·2024-01-29 08:32

vue基础案例

文章目录后台管理案例一、安装和配置路由二、基于路由渲染登录组件三、模拟登录功能四、后台主页基础布局五、退出登录并控制访问权限六、子路由嵌套显示七、点击进入用户详情页八、升级用户详情页的路由路由path的注意点扩展：控制页面的权限黑马头条一、初始化①创建并梳理项目结构②安装和配置Vant组件③使用Tabber组件⑤使用Navbar组件⑥覆盖Navbar的默认样式二、文章列表①.文章列表数据请求方式请
寒舞233·2024-01-29 07:32

Vue基础语法篇

1.1web前端三大主流框架web前端三大主流框架都是Angular、React、Vue。1.2AngularAngularJS诞生于2009年，由MiskoHevery等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。Angular1.3R
Gao_xu_sheng·2024-01-28 14:18

vue2和vue3的区别

Vue2响应式原理：Object.definePropertyVue3Vue基础语法+Vue-router+vuex(pinia)+组件库语法不同（组合式api)、体积更小、按需引入、proxy实现响应式
诗霖雪·2024-01-28 00:43

Vue基础知识

VueVue基础知识v-bind:动态绑定属性值Vue修改，标签内也修改在methods中可以定义很多函数在data中可以定义很多变量v-if/v-show：对符合条件的元素进行展示v-for:把数据遍历出现在网页中案例
Zane:)·2024-01-26 18:58

【融职培训】Web前端学习 第7章 Vue基础教程2 创建Vue项目

一、使用vue/cli创建Vue项目在第七章我们已经介绍了如何使用npm命令全局安装node包，本节我们需要安装一个名为@vue/cli的包来创建我们的vue项目，安装代码如下所示：npminstall-g@vue/cli安装完成之后，在命令行可以使用Vue命令命令创建一个vue项目，具体命令如下所示vuecreatehello安装过程需要连接国外服务器下载项目模板和依赖包，如果网速过慢可以在配套
lmonkey_01·2024-01-26 16:59

2024Java零基础自学路线（Java基础、Java高并发、MySQL、Spring、Redis、设计模式、Spring Cloud）

SpringBoot框架（35天）四、微服务SpringCloud四、Redis中间件五、MongoDB数据库六、Netty网络编程七、23种设计模式八、Dubbo九、JavaScript零基础入门十、Vue
哪 吒·2024-01-26 04:50

Vue基础指令

文章目录v-clockv-textv-htmlv-bind【属性绑定】v-on【事件绑定】事件修饰符v-model数据双向绑定v-forv-if和v-showv-clock如果网速较慢，vue元素还没有渲染情况下，页面会显示源代码的例如:{{mesage}}我们可以使用v-clock，作用就是为Vue绑定的元素上添加该属性，只需要配合CSS设置样式就可以解决屏幕闪烁问题。Title[v-clock
千寻物语·2024-01-24 08:03

Vue基础--组件的创建和使用

一、组件化思想一个页面中所有的处理概述逻辑全部放在一起，处理起来就会变得非常复杂，不利于后续的管理以及扩展。但是，我们将一个页面逻辑复杂的页面拆分成一个个小的功能块，每个功能块只完成属于自己这部分独立的功能。把大功能拆分成一个个小的功能，这样做不仅可以降低开发难度而且今后也更加易于维护。二、Vue中的组件化方式根组件全局组件局部组件2.1根组件{{message}}//1.根组件定义:App组件(
流水武qin·2024-01-23 12:37

vue基础-组件

组件prop传参数（父组件传参子组件）//提示：v-bind:简写就是:v-bind:title="xxx"就是:title=:"xxx"//传参-静态参数//动态赋予一个变量的值//动态赋予一个复杂表达式的值//即便`42`是静态的，我们仍然需要`v-bind`来告诉Vue//这是一个JavaScript表达式而不是一个字符串。//用一个变量进行动态赋值。//包含该prop没有值的情况在内，都意
厚渡·2024-01-23 12:06

Vue基础3-组件与动画

一、组件组件(Component)是Vue最核心的功能，也是整个框架最精彩的地方，当然也是最难掌握的。(所有实例代码基于vue.js^2.*)，它提高了重用率，让代码可以复用。1.组件的实现步骤1.定义组件2.注册组件（components）3.使用组件。模板及语法如下图注意事项：vue组件的数据是单向数据流，父组件传给给子组件的props是只读，不能进行修改的2.组件插槽在子组件中插入在组件中加
Lin_25937·2024-01-23 12:35

vue基础一：认识vue、数据绑定（v-bind\v-model）、Object.defineproperty()数据代理

vue基础一：认识vue、数据绑定（v-bind\v-model）、数据代理一、js及vue开发基本了解二、初识Vue：MVVM模式三、模板语法四、数据绑定：单向、双向五、el与data的两种写法六、Vue
冷凝娇·2024-01-23 06:42

速成版-带您2天学完vue3框架+Element-plus框架

目录一、vue开发准备1.1、安装vscode和node1.2、安装cli工具与创建vue项目1.3、创建一个vue项目(最新)1.4、Vue项目的目录结构二、vue基础
nuist__NJUPT·2024-01-23 06:45

Vue基础入门 - Vue的快速创建、Vue的开发者工具安装及Vue的常用指令（v-model，v-bind，computed计算属性，watch侦听器）

Vue文章目录Vue1什么是Vue2创建Vue实例2.1快速创建2.2插值表达式{{}}2.3响应式特性2.3.1访问与修改3Vue开发者工具安装4Vue中的常用指令4.1内容渲染指令4.2条件渲染指令4.3事件绑定指令4.4属性绑定指令4.5案例-上下页图片翻页4.6列表渲染指令4.7案例-能删除的书架4.8v-for中的key4.9双向绑定指令4.10指令修饰符4.10.1按键修饰符4.10.
美人鱼战士与企鹅男孩合为一体·2024-01-21 12:43

vue基础学习 Vuex和Vue路由——part02

vue基础学习Vuex和Vue路由——part0201Vuex1.介绍理解Vuex什么时候使用VuexVuex工作原理图2.求和案例2.1纯vue编写2.2搭建Vuex环境2.3使用Vuex编写3.Vuex
哈喽……·2024-01-21 11:24

vue基础--计算商品的总价格

计算商品的总价格：1、在父组件中通过计算属性动态把总价格计算出来，2、通过父向子传值，通过自定义属性，把值传给子组件父组件：1、使用计算属性computed计算总价格：1.1、先用filter过滤出数组中所有选中的商品（根据选中的状态知道选中的商品）1.2、再用reduce累加，计算出所有选中商品的总价格2、在引入的组件里把方法加到子组件子组件：3、props接收父组件传给子组件的值4、在子组件标
Forever 女孩·2024-01-21 02:25

vue基础用法&基础原理整理

vue基础用法&基础原理整理md文件地址：https://gitee.com/gaohan888/note我的秋招总结牛客链接：牛客链接地址1.vue基础知识和原理1.1初识Vue想让Vue工作，就必须创建一个
格雷狐思·2024-01-21 02:53

来开发自己的B站直播弹幕姬吧

准备工作确保电脑上安装了Electronvue-cli3并且有一定Vue基础我是基于Electron+Vue开发的，当然React等也是可行的，这里只展示Vue部分。
Yeuoly·2024-01-19 06:59

Vue基础知识总结 8：Node.js简介

Java学习路线：搬砖工逆袭Java架构师简介：Java领域优质创作者、CSDN哪吒公众号作者✌、Java架构师奋斗者扫描主页左侧二维码，加入群聊，一起学习、一起进步欢迎点赞收藏⭐留言目录axios一、axios简介二、代码实例1、获取数据2、模拟后台json数据3、html4、控制台输出element-ui一、element-ui简介Node.js一、Node.js简介二、Node.js有什么用
哪 吒·2024-01-18 12:20

Vue核心：组件化编程（脚手架） - 万字总结精华整理

Vue基础：Vue基础TodoList案例：Vue：实现TodoList案例cd/d目标文件夹一、Vue组件化编程components1.1传统方式编写应用的弊端引用导致依赖关系混乱，难以维护html中的代码复用率不高
做一只猫·2024-01-18 10:19

Vue基础：万字笔记，精华总结

本篇涉及Vue的基础使用Vue组件化编程请看Vue进阶：组件化编程（脚手架）-万字总结精华整理文章目录一、Vue介绍二、基础引入2.1基本使用2.2模板语法2.3Vue数据绑定2.4el和data的两种写法2.5MVVM模型2.6数据代理2.6.1Object.defineProperty2.6.2get()和set()2.6.3数据代理的定义三、事件处理3.1事件基本使用3.2事件修饰符3.3键
做一只猫·2024-01-18 10:19

Vue基础

○什么是webpack■项⽬构建⼯具■资源的合并、打包、压缩、混淆等诸多功能○什么是vue■构建⽤户界⾯的渐进式框架，采⽤⾃底向增量开发的设计。○vue核⼼理念■数据驱动视图，组件化开发○为什么学习流⾏框架■轻量级框架■简单易学■视图、数据、结构分离■虚拟DOM○框架和库的区别■框架：⼀套完整的解决⽅案，对项⽬的侵⼊性较⼤，如果想要更改框架，需要重新架构整个项⽬。■库：提供的⼀些⼩功能，对项⽬的侵
凛落·2024-01-18 09:01

Vue学习计划：从基础到实战，全面掌握Vue技术栈

阶段一：Vue基础阅读Vue官方文档，了解Vue的基本概念和用法。学习Vue的模板语法，掌握Vue指令和表达式的使用方法。学习Vue组件的使用方法，包括组件的定义、注册和使用。
袁代码·2024-01-17 23:03

Vue基础（三）--生命周期和计算属性

Vue的生命周期1.简介每个Vue实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到DOM并在数据变化时更新DOM等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。比如created钩子可以用来在一个实例被创建之后执行代码：newVue({data:{a:1},created:function(){//`thi
程序员大佬超·2024-01-14 18:30

vue-入门篇

1.目标了解什么是VUE2.vue基础2.1概述官网：https://cn.vuejs.org/Vue.js是一套构建用户界面的渐进式框架。Vue采用自底向上增量开发的设计。
我是菜鸟ddd·2024-01-14 13:47

Vue基础篇（六）

本教程分为三部分：基础进阶实战，深入浅出Vue.js基础篇持续更新中…第六章表单与v-model基本用法：-------v-model:Vue提供了v-model指令，用于在表单类元素上双向绑定事件一个小栗子v-model:用法{{value}}varapp=newVue({el:'#app',data:{value:''}})效果图：效果图input和textarea可以用于input框，以及t
土豆片片·2024-01-14 01:58

【vue基础语法详细介绍】

vue基础语法详细介绍1.基础语法1.1声明式渲染1.2条件与循环1.3事件处理1.4双向数据绑定1.5组件化2.模板语法2.1插值2.1.1文本2.1.2html2.1.3属性2.1.4表达式2.2指令
程序员不想YY啊·2024-01-12 18:25

Vue2自学笔记

Vue2vue基础vue-clivue-routervuexelement-uivue3Vue，用于构建用户界面的渐进式JavaScript框架。
Kazunto·2024-01-12 12:32

Vue基础-搭建Vue运行环境

这篇文章介绍了在Vue.js项目中进行开发环境搭建的关键步骤。包括node.js安装和配置、安装Vue及VueCLI工具、安装webpack模板、安装vue-router、创建Vue项目等步骤。这篇文章为读者提供了清晰的指南，帮助他们快速搭建Vue.js开发环境，为后续的项目开发奠定基础。一、node.js安装和配置1、进入官网地址下载安装包官方网站下载地址：Node.js(nodejs.org)
Damon小智·2024-01-12 07:32

Vue学习笔记

Vue基础笔记一、MVC与MVVM1.MVC（单向操作）model数据View视图controllor控制器2.MVVM（双向数据绑定）model数据View视图viewModel视图模型二、利用npm
陈俊嵩·2024-01-10 20:22

Vue基础-day-03(组件注册，父子组件之间传值，组件插槽)

组件组件(Component)是Vue.js最强大的功能之一组件可以扩展HTML元素，封装可重用的代组件注册全局注册Vue.component('组件名称',{})第1个参数是标签名称，第2个参数是一个选项对象全局组件注册后，任何vue实例都可以用Vue.component("组件的名称(button-click)"，{data：function(){return{count：0；}}，templ
新苡米·2024-01-09 09:28

Vue基础

插值语法：常用标签体内容{{...}}...为js表达式指令语法：解析标签v-bind动态绑定例：简写：====>:例：数据绑定单向数据绑定：v-bind双向数据绑定：v-model:value简写：====>v-modelv-model只能应用于表单类元素el与data两种写法el:'#root'v.$mount('#root')对象式：data:{}函数式：dara:funtion(){ret
前端小卡拉米·2024-01-09 08:53

成为一名合格的前端架构师，前端知识技能与项目实战教学

介绍和环境配置（共6课时）02.ES6语法（共5课时）03.node基础（共29课时）04.Express框架（共9课时）05.node图书管理系统项目（共26课时）06.git安装和使用（共19课时）07.Vue
itsover·2024-01-06 17:47

Vue知识总结-上

VUE初识Vue是一套用于构建用户界面的渐进式(由只需要轻量小巧的核心库构建的简单应用逐渐扩展为可以引入各式各样的Vue组件构建的复杂应用)JavaScript框架Vue需掌握的内容：Vue基础、Vue-cli
奉先节度使·2024-01-05 13:34

vue入门

准备开始vue基础内容，结合官方文档进行白话总结，此篇为vue的相关指令以及组件化等，下篇为路由，方便遗忘查看vue基础(1).历史介绍angular09年，年份较早react2013年,用户体验好vue2014
jcxe·2024-01-05 03:01

vue基础

Title//定义组件Vue.component("pan",{props:['panh'],template:'{{panh}}'});varvm=newVue({el:"#app",data:{items:["java","Linux","前端"]}});说明：v-for="iteminitems"：遍历Vue实例中定义的名为items的数组，并创建同等数量的组件v-bind:panh="it
小小1992·2024-01-04 22:43

Vue基础语法复习

文章目录1.插值语法1.1Mustache1.2v-once1.3v-html1.4v-text1.5v-pre1.6v-cloak2.绑定属性v-bind2.1v-bind2.1.1v-bind绑定class动态绑定类名小例子2.1.2v-bind绑定style3.事件监听v-on3.1v-on的语法糖3.2事件修饰符4.条件判断4.1v-if、v-else-if、v-else4.2v-show
lhrdlp·2024-01-04 02:23

VUE基础之vue入门

Vue之-基本的代码结构和插值表达式、v-cloakVue指令之v-text和v-htmlVue指令之v-bind的三种用法直接使用指令v-bind使用简化指令:在绑定的时候，拼接绑定内容：:title="btnTitle+',这是追加的内容'"Vue指令之v-on和跑马灯效果HTML结构：{{info}}-->Vue实例：//创建Vue实例，得到ViewModelvarvm=newVue({el
小K强·2024-01-03 13:30

用Vue仿element-ui从0到1封装可复用的组件-input

1.需要的前置知识vue基础语法,组件通讯(props,$emit)，slot，v-model，computed1.1准备工作，子组件引入全局环境中importvbInputfrom"@/components
一代码神·2024-01-01 13:17
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他