E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
vue基础
vue基础
-组件
组件prop传参数(父组件传参子组件)//提示:v-bind:简写就是:v-bind:title="xxx"就是:title=:"xxx"//传参-静态参数//动态赋予一个变量的值//动态赋予一个复杂表达式的值//即便`42`是静态的,我们仍然需要`v-bind`来告诉Vue//这是一个JavaScript表达式而不是一个字符串。//用一个变量进行动态赋值。//包含该prop没有值的情况在内,都意
厚渡
·
2024-01-23 12:06
vue
vue
vue.js
前端
Vue基础
3-组件与动画
一、组件组件(Component)是Vue最核心的功能,也是整个框架最精彩的地方,当然也是最难掌握的。(所有实例代码基于vue.js^2.*),它提高了重用率,让代码可以复用。1.组件的实现步骤1.定义组件2.注册组件(components)3.使用组件。模板及语法如下图注意事项:vue组件的数据是单向数据流,父组件传给给子组件的props是只读,不能进行修改的2.组件插槽在子组件中插入在组件中加
Lin_25937
·
2024-01-23 12:35
vue.js
前端
javascript
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
#
vue
pycharm
ide
python
速成版-带您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+React等前端框架
vue.js
前端
javascript
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
Spring
前端
笔记
vue.js
javascript
前端
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
vue.js
学习
前端
vue基础
--计算商品的总价格
计算商品的总价格:1、在父组件中通过计算属性动态把总价格计算出来,2、通过父向子传值,通过自定义属性,把值传给子组件父组件:1、使用计算属性computed计算总价格:1.1、先用filter过滤出数组中所有选中的商品(根据选中的状态知道选中的商品)1.2、再用reduce累加,计算出所有选中商品的总价格2、在引入的组件里把方法加到子组件子组件:3、props接收父组件传给子组件的值4、在子组件标
Forever 女孩
·
2024-01-21 02:25
vue.js
前端
javascript
vue基础
用法&基础原理整理
vue基础
用法&基础原理整理md文件地址:https://gitee.com/gaohan888/note我的秋招总结牛客链接:牛客链接地址1.
vue基础
知识和原理1.1初识Vue想让Vue工作,就必须创建一个
格雷狐思
·
2024-01-21 02:53
vue
vue
来开发自己的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
spring
vue.js
node.js
Vue核心:组件化编程(脚手架) - 万字总结精华整理
Vue基础
:
Vue基础
TodoList案例:Vue:实现TodoList案例cd/d目标文件夹一、Vue组件化编程components1.1传统方式编写应用的弊端引用导致依赖关系混乱,难以维护html中的代码复用率不高
做一只猫
·
2024-01-18 10:19
前端
vue.js
前端
javascript
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.js
javascript
前端
Vue基础
○什么是webpack■项⽬构建⼯具■资源的合并、打包、压缩、混淆等诸多功能○什么是vue■构建⽤户界⾯的渐进式框架,采⽤⾃底向增量开发的设计。○vue核⼼理念■数据驱动视图,组件化开发○为什么学习流⾏框架■轻量级框架■简单易学■视图、数据、结构分离■虚拟DOM○框架和库的区别■框架:⼀套完整的解决⽅案,对项⽬的侵⼊性较⼤,如果想要更改框架,需要重新架构整个项⽬。■库:提供的⼀些⼩功能,对项⽬的侵
凛落
·
2024-01-18 09:01
vue.js
前端
javascript
Vue学习计划:从基础到实战,全面掌握Vue技术栈
阶段一:
Vue基础
阅读Vue官方文档,了解Vue的基本概念和用法。学习Vue的模板语法,掌握Vue指令和表达式的使用方法。学习Vue组件的使用方法,包括组件的定义、注册和使用。
袁代码
·
2024-01-17 23:03
学习手册
Vue学习计划
前端
vue.js
前端框架
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.js
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.js
javascript
前端
【
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
vue.js
前端
java
vue.js
flutter
前端
Vue2自学笔记
Vue2
vue基础
vue-clivue-routervuexelement-uivue3Vue,用于构建用户界面的渐进式JavaScript框架。
Kazunto
·
2024-01-12 12:32
Vue
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.js
前端
webpack
npm
node.js
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
vue.js
javascript
前端
成为一名合格的前端架构师,前端知识技能与项目实战教学
介绍和环境配置(共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的相关指令以及组件化等,下篇为路由,方便遗忘查看
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
vue.js
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入门
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
vue
html
js
javascript
v-for循环中使用v-on(VUE学习4)
1.
VUE基础
框架Document2.设置页面标题v-for循环中使用v-on3.将Vue应用程序挂载到具有id="app"的div元素上4.显示一个img元素,通过v-bind指令动态设置src属性,
零梦ing
·
2024-01-01 05:43
VUE基础
算法
服务器
运维
v-bond和v-if的使用(VUE学习2)
一、v-bond的使用1.
VUE基础
框架:Document2.在头部定义一个样式,将具有pinkBG类的元素的背景颜色设置为lightpink.pinkBG{background-color:lightpink
零梦ing
·
2024-01-01 05:13
VUE基础
vue.js
学习
javascript
【Vue2+3入门到实战】(8)
Vue基础
之工程化开发和脚手架Vue CLI 组件化 组件注册 详细示例
目录day03一、今日目标1.工程化开发入门2.综合案例二、工程化开发和脚手架1.开发Vue的两种方式2.脚手架VueCLI基本介绍:好处:使用步骤:三、项目目录介绍和运行流程1.项目目录介绍2.运行流程四、组件化开发五、根组件App.vue1.根组件介绍2.组件是由三部分构成3.总结六、普通组件的注册使用-局部注册1.特点:2.步骤:3.使用方式:4.注意:5.语法:6.练习7.总结七、普通组件
老牛源码
·
2023-12-31 20:05
VUE教程
vue.js
前端
javascript
Vue基础
知识二
一VUE核心知识1.1列表渲染1.1.1基本列表要求实现以下效果基本列表人员列表(遍历数组,用的最多){{p.name}}-{{p.age}}{{p.name}}-{{p.age}}汽车信息(遍历对象){{k}}-{{value}}测试遍历字符串(用得少){{char}}-{{index}}测试遍历指定次数(用得特少){{index}}-{{number}}Vue.config.productio
麦芽糖0219
·
2023-12-31 09:16
前端
Vue
vue.js
前端
javascript
vue基础
学习笔记 --- 计算属性、计算属性与函数之间的区别、watch监听器
计算属性和函数的区别函数不会缓存数据,在每次访问都要重新求值(如果数据经常发生变化,推荐使用函数)计算属性会缓存数据,只要数据没有发生变化,就不会重新求值(如果数据不经常变化,推荐使用计算属性)计算属性-computed计算属性什么是计算属性?computed定义计算属性,计算属性类似于methods里面定义的函数;首先computed计算属性是用于在HTML模板中表达式更加简洁,易维护。comp
努力学习的米
·
2023-12-30 11:17
vue
vue.js
学习
前端
VUE笔记
VUE一.
VUE基础
1.什么是vuevue是一套用于构建用户界面的渐进式javascript框架2.vue的特点1.采用组件化模式,提高代码复用率,便于维护代码2.声明式编码让编码人员无需直接操作DOM
半糖不加奶
·
2023-12-29 07:41
前端
vue.js
笔记
前端
【Vue2+3入门到实战】(4)
Vue基础
之指令修饰符 、v-bind对样式增强的操作、v-model应用于其他表单元素 详细示例
目录一、今日学习目标1.指令补充二、指令修饰符1.什么是指令修饰符?2.按键修饰符3.v-model修饰符4.事件修饰符三、v-bind对样式控制的增强-操作class1.语法:2.对象语法3.数组语法4.代码练习四、京东秒杀-tab栏切换导航高亮1.需求:2.准备代码:3.思路:五、v-bind对有样式控制的增强-操作style1.语法2.代码练习3.进度条案例六、v-model在其他表单元素的
老牛源码
·
2023-12-25 21:39
VUE教程
vue.js
javascript
前端
vue -
vue基础
/vue核心内容
终于算是顺利进入vue了,确实也只有学了过后才知道,之前三过vue而不学,确实是对的,现在进来了一点都不后悔,ajax、node.js、promise、webpack、git等等确实是除了三大基础外还需要额外学的。终于能够一窥vue的真容了,学了这么久,说实话一直都忍着,不去触碰这一条线,就想留着保持浓厚的兴趣,来看看vue到底是个什么神奇的东西,能让代码如此简单,确实,至少到我现在学的阶段,其他
heymar
·
2023-12-23 21:20
Vue基础
知识一
一.Vue简介1.1Vue.js是什么Vue(读音/vjuː/,类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue也完全能够为复杂的单页应用提供驱动。1.2Vue的特点采用组件化模式,提高代码复用率,且
麦芽糖0219
·
2023-12-23 14:14
Vue
vue.js
javascript
前端
Vue基础
之插槽、自定义指令、render函数、过滤器
目录一、插槽1、默认插槽2、具名插槽3、作用域插槽二、自定义指令三、render渲染函数四、过滤器一、插槽插槽可以分为默认插槽、具名插槽(具有名字的插槽)、作用域插槽。插槽允许我们在调用子组件的时候为子组件传递模板。1、默认插槽没有名字的插槽就是默认插槽,一个不带name的出口会带有隐含的名字“default”。或者组件标签里面的内容会被渲染到默认插槽:hellovue//定义组件letmyA={
叶子yes
·
2023-12-23 13:26
vue
vue.js
前端
javascript
二、
Vue基础
语法学习笔记——事件监听v-on、条件判断(v-if、v-else-if、v-else、v-show)、循环遍历(v-for遍历数组对象,key属性、检测数组更新)、图书案例、双向绑定
四、事件监听在前端开发中,我们需要经常和用于交互。这个时候,我们就必须监听用户发生的时间,比如点击、拖拽、键盘事件等等在Vue中如何监听事件呢?使用v-on指令v-on介绍作用:绑定事件监听器缩写:@预期:Function|InlineStatement|Object参数:event下面,我们就具体来学习v-on的使用。1.v-on基础这里,我们用一个监听按钮的点击事件,来简单看看v-on的使用下
小小白学计算机
·
2023-12-22 00:57
Vue.js
vue
js
javascript
前端
v-model
Vue基础
知识浅谈
mvc和mvvmmvc和mvvm都是软件架构思想mvc(react)model:数据保存view:用户界面Controller:业务逻辑所有通信都是单向的.view->controller->model->viewmvvm(vue)model:数据层view:视图层viewmodel:视图模型层view和viewmodel是同步更改的,viewmodel再和model层进行通信数据流向都是单向mv
life963
·
2023-12-21 19:46
vue
Vue基础
(黑马程序员讲解)
Vue2.x技术精讲目录:1.Vue快速上手vue概念/创建实例/插值表达式/响应式特性/开发者工具2.Vue指令v-html/v-show/v-if/v-else/v-on/v-bind/v-for/v-model3.综合案例-小黑记事本列表渲染/删除功能/添加功能/底部统计/清空一、vue是什么概念:Vue是一个用于构建用户界面的渐进式框架1.构建用户界面:基于数据渲染出用户看到的页面。2.渐
妄心×
·
2023-12-21 03:53
vue.js
前端
javascript
vue基础
(一)css sass scss less
前端一提起样式,我们不约而同的都会想到css样式,它是页面设计中最基础的样式语言,但除了css外,还有一些其它的样式语言,比如vuestyle声明中常用的scss等。为了减少开发时这些专业名词产生的困惑影响,这里搜集了一些常见的样式语言,并简单介绍它们的区别。css(CascadingStyleSheets):层叠样式表,是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语
Interest1_wyt
·
2023-12-21 01:24
前端知识
—
基础
+
vue
+
react
vue.js
css
sass
vue基础
Vue基础
Vue官方文档https://cn.vuejs.org/guide/quick-start.htmlVue安装vue安装npminstall-g@vue-cli创建vue项目:npmcreatevue
HU_LSS
·
2023-12-20 09:11
vue.js
前端
javascript
若依 版本 运行环境 目录
前后端不分离版本前后端分离版本springcloud微服务版本需要springboot
vue基础
若依需要的环境:需要两个数据库,mysql和redis(缓存数据库)若依目录doc若依文档ui前端工程admin
229f1c671ad8
·
2023-12-19 20:43
vue基础
语法-07day
♀️*使用:帕斯卡命名法(首字母大写)、组件命名要多个单词、if和for不能在一个元素上设置、局部样式scoped特性图库:我的项目--新建项目--加入购物车登录页添加home和logoin页面配置路由出口App.Vue给页面配置路由@是代表src意思提交代码使用element组件写样式:公共(style-index.less)组件中样式在组件中写,使用less方式,推荐使用在class,---
每天进步一点点5454
·
2023-12-19 19:15
Vue基础
Vue基础
一、学习目标能够说出Vue的概念和作用能够使用@vue/cli脚手架工程化开发能够熟练Vue指令能够了解更新检测,key作用,虚拟DOM,diff算法能够掌握设置动态样式能够掌握过滤器,计算属性
henrenzhengdere
·
2023-12-18 23:39
前端
yarn
前端
前端框架
webpack
vue.js
Vue基础
知识
文章目录前言一、
Vue基础
知识前言前端Vue的一些基础知识整理一、
Vue基础
知识1.为何v-for要用key:快速查找到节点,减少渲染次数,提升渲染性能。
压力桶
·
2023-12-18 18:49
vue
vue.js
前端
javascript
Vue基础
文章目录列表渲染字典渲染通过key管理状态事件处理内联事件方法事件处理器事件传参event获取对象传递事件对象事件修饰符阻止默认事件组织事件冒泡数组变化监听变更法替换一个数组计算属性class绑定绑定对象多对象绑定数组绑定数组和对象对class绑定,一般不用style绑定对象监听器表单输入绑定复选框模板引用组件组件导入组件stylescoped样式生效作用域组件嵌套关系组件注册全局注册局部注册组件
Mystery_zero
·
2023-12-17 03:33
vue.js
前端
javascript
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他