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学习
FE_
Vue学习
笔记 - 组件的理解vue vc
1单文件组件在Vue应用中,单文件组件(SingleFileComponents)是一种特殊的文件格式,以.vue为后缀,它允许开发者在一个文件中定义一个Vue组件的全部内容。每个单文件组件由三个部分组成:template(模板)、script(脚本)和style(样式)。这些部分分别代表Vue组件的结构、逻辑和样式。具体而言,一个单文件组件的构成如下:template部分:这部分使用HTML语法
@Autowire
·
2023-09-18 21:23
VUE相关知识学习
vue.js
学习
笔记
FE_
Vue学习
笔记 - 数据代理
Vue中的数据代理是一种机制,通过它,Vue实例(vm)可以代理其数据对象(data)中的属性操作。这种代理的原理主要是通过Object.defineProperty()方法,将data对象的每个属性都添加到vm对象上,并为这些属性定义getter和setter方法。在getter和setter内部,我们可以进行对data中对应属性的读取和修改。通过这种方式,Vue实例可以方便地代理其数据对象中的
@Autowire
·
2023-09-18 21:45
VUE相关知识学习
vue.js
学习
笔记
vue学习
-03vue父子组件与ref属性
本篇开始,我们将复习一下上篇的组件引入:App.vue//引入组件。语法:import组件名from'组件的路径'importSchoolfrom'./components/School.vue'importStudentfrom'./components/Student.vue'//暴露App(父)组件exportdefault{name:'App',//注册子组件components:{Sch
Miaow.Y.Hu
·
2023-09-18 20:56
前端
vue.js
学习
javascript
vue学习
-02vue入门之组件
删除Vue-cli预设在用户根目录下(C:\Users\你的用户名)这个地址里有一个.vuerc文件,修改或删除配置组件Props(组件之间的数据传递)Prop的大小写(camelCasevskebab-case)不敏感Prop类型:StringNumberBooleanArrayObjectDateFunctionSymbol传递静态或动态Prop单向数据流:只能父传子,不能子传父Prop验证:
Miaow.Y.Hu
·
2023-09-18 20:26
前端
vue.js
学习
前端
vue学习
-01vue入门
Vue官网地址https://cn.vuejs.org/Vue介绍Vue(读音/vjuː/,类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue也完全能够为复杂的单页应用提供驱动。兼容性Vue不支持IE8
Miaow.Y.Hu
·
2023-09-18 20:52
前端
vue.js
学习
前端
Vue学习
(4)条件渲染
v-ifv-if实现按条件渲染目标yes#在元素上使用v-if当分组渲染时,将元素作为不可见的包裹元素,并在上面使用v-if,实现分组条件渲染。#v-elsev-else必须在v-if或者v-else-if后。yesno#v-else2.1.0新增v-else-if必须在v-if或者v-else-if后,可连用。ABnotA/B#用key管理可复用的元素Vue的渲染机制:复用已有元素,提高算然速度
好遠
·
2023-09-18 15:32
vue学习
之vue cli创建项目
安装node.jshttps://nodejs.org/en安装vueclinpminstall-g@vue/cli--registry=https://registry.npm.taobao.org创建项目执行创建命令,回车vuecreatevue-cli-learning选择“Manuallyselectfeatures”,回车“空格”关闭Linter/Formatter选项,回车
赴前尘
·
2023-09-17 06:47
vue
vue.js
学习
前端
vue学习
之组件化开发
1.vue创建基于vue2的项目vuecreatevue-cli-learning选择“Manuallyselectfeatures”取消勾选“Linter/Formatter”选择“2.x”选择“Inpackage.json”输入“N”回车
赴前尘
·
2023-09-17 06:47
vue
vue.js
学习
前端
vue学习
之Font Awesome图标
官方文档https://fontawesome.com.cn/v5FontAwesome安装cnpminstallfont-awesome/src/main.js引入cssimportVuefrom'vue';importElementUIfrom'element-ui';import'element-ui/lib/theme-chalk/index.css';importAppfrom'./Ap
赴前尘
·
2023-09-17 06:16
vue
vue.js
学习
前端
vue学习
之element-ui组件集成
1.element-ui链接https://element.eleme.cn/#/zh-CN2.element-ui安装cnpminstallelement-ui3.创建项目https://blog.csdn.net/qq_36940806/article/details/132921688?spm=1001.2014.3001.55024.引入element库/src/main.js引入elem
赴前尘
·
2023-09-17 06:13
vue
vue.js
学习
ui
Vue学习
笔记总结
目录1、Vue核心1.1什么是vue?1.2什么是mvvm?编辑1.3插值表达式{{}}2.Vue中的常用指令2.1内容渲染指令2.2条件渲染指令2.3事件绑定指令2.4属性绑定指令2.5列表渲染指令2.5.1小案例-小黑的书架2.6v-for中的key2.7双向绑定指令3.指令修饰符3.1什么是指令修饰符?3.2按键修饰符3.3v-model修饰符3.4事件修饰符4.v-bind对样式控制的增强
钟月一人
·
2023-09-15 15:29
vue.js
学习
笔记
Vue学习
文章目录Vue.js前端框架入门一、什么是Vue.js二、Vue.js生态圈及其周边扩展三、Vue.js框架的结构、组件开发思想四、Vue.js所适用的场景Vue安装Node.js环境安装创建一个Vue应用vue官网:[https://cn.vuejs.org/](https://cn.vuejs.org/)Vue.js前端框架入门一、什么是Vue.js是渐进式JavaScript框架,广泛使用的
初学小白Lu
·
2023-09-15 08:30
HTML
vue.js
学习
前端
Hls.js播放m3u8视频 & DPlayer视频播放器(easypan) & MSE简介
文件切片java实现TsControllerTsServiceDPlayer播放m3u8视频效果扩展内容:MSE(MediaSourceExtensions)介绍1概述2whyMSE代码安装依赖App.
vue
ps酷教程
·
2023-09-14 12:56
视频
javascript
音视频
ffmpeg
Vue 学习记录与案例总结
Vue学习
记录与案例总结https://gitee.com/pikachu2333/vue-learning
WalkingWithTheWind~
·
2023-09-14 01:22
vue
前端
vue.js
element
Vue学习
笔记-Vue的指令
二、指令文章目录二、指令1.内容渲染指令v-text{{}}v-html2.属性绑定指令3.使用JavaScript表达式4.事件绑定指令事件对象event绑定事件并传参$event事件修饰符①.prevent②.stop③.capture④.once⑤.self按键修饰符5.双向绑定指令v-model指令的修饰符6.条件渲染指令v-if和v-show的区别v-else7.列表渲染指令使用key维
不会挂科i
·
2023-09-13 11:02
Vue
vue.js
学习
javascript
Vue学习
笔记-Vue项目的搭建
一、初识vue文章目录一、初识vue1将vue.js下载到本地的方式创建2安装vue调试工具vue-devtools3使用vite安装vue项目结构1将vue.js下载到本地的方式创建将下载好的vue源码放在项目中引入vue声明要被vue控制的DOM区域创建vue的配置对象在配置对象中创建数据创建一个应用,将配置对象传进去,并将要操作的DOM区域进行了挂载在DOM区中操作Document{{num
不会挂科i
·
2023-09-13 11:01
Vue
vue.js
学习
javascript
Vue学习
笔记---初识组件
前言在Vue中,万物皆组件,学习组件乃是Vue的根基所在,假如一个页面相当于一张图,那么组件就是一个小小的拼图,通过组件可以拼出各式各样的图,这也是Vue的魅力所在。正文基本示例Vue.component('button-counter',{data(){return{count:0}},template:'Youclickedme{{count}}times.'})上面我们创建了一个全局的名字为
邓生的邓生
·
2023-09-12 21:39
vue学习
之事件绑定
事件绑定创建demo5.html,内容如下Documentcountvalue:{{count}}+1+1constvm={data:function(){return{count:0,}},methods:{addCount(){this.count+=1},},}constapp=Vue.createApp(vm)app.mount('#app')效果展示
赴前尘
·
2023-09-11 06:39
vue
vue.js
学习
javascript
vue学习
之列表渲染
列表渲染创建demo8.html,内容如下Documentindex:{{i}}name:{{user.name}}constvm={data:function(){return{userList:[{id:1,name:'zs'},{id:2,name:'ls'},{id:3,name:'ww'},]}},}constapp=Vue.createApp(vm)app.mount('#app')效
赴前尘
·
2023-09-11 06:16
vue
vue.js
学习
javascript
vue学习
之 v-for key
v-forkeyVue使用v-for渲染的元素列表时,它默认使用“就地更新”的策略。如果数据项的顺序被改变,Vue将不会移动DOM元素来匹配数据项的顺序,而是就地更新每个元素。创建demo9.html,内容如下Document添加index:{{i}}name:{{user.name}}constvm={data:function(){return{userList:[{id:1,name:'zs
赴前尘
·
2023-09-11 06:16
vue
vue.js
学习
前端
vue学习
之v-if/v-else/v-else-if
v-else/v-else-if创建demo7.html,内容如下Document随机数:{{num}}0.5">随机数大于0.5随机数小于或等于0.5优秀良好一般差测试点击constvm={data:function(){return{num:Math.random(),a:false,type:'A',}},}constapp=Vue.createApp(vm)app.mount('#app'
赴前尘
·
2023-09-11 06:16
vue
vue.js
学习
javascript
vue学习
之条件渲染
条件渲染用于控制组件显示创建demo6.html,内容如下DocumentToggleFlagv-if:requestsuccessv-show:requestsuccessconstvm={data:function(){return{flag:false,}},}constapp=Vue.createApp(vm)app.mount('#app')效果展示
赴前尘
·
2023-09-11 06:14
vue
vue.js
学习
javascript
vue学习
之属性绑定
内容渲染采用:进行属性渲染创建demo3.html,内容如下Document必应constvm={data:function(){return{//超链接地址link:"https://cn.bing.com/",//文本框提示内容inputValue:'请输入内容...',//图片srclinkimgSrc:'https://i2.3conline.com/images/piclib/20110
赴前尘
·
2023-09-10 20:13
vue
vue.js
学习
前端
vue学习
之Javascript 表达式内容渲染和属性绑定
Javascript表达式内容渲染和属性绑定创建demo4.html,内容如下Document{{number+1}}{{ok?'true':'false'}}{{message.split('').reverse().join('')}}xxx{{user.name}}constvm={data:function(){return{number:10010,ok:true,message:'te
赴前尘
·
2023-09-10 20:13
vue
vue.js
javascript
前端
vue学习
之基本用法
1.前期准备安装vscodeIDE,vscode安装插件openinbrower新建vue-learning文件夹vscodeIDE打开文件夹2.基本用法创建demo1.html文件,内容如下Document{{message}}//3.创建vue实例对象const{createApp,ref}=VuecreateApp({setup(){constmessage=ref('Hellovue!')
赴前尘
·
2023-09-10 20:43
vue
vue.js
javascript
前端框架
vue学习
之内容渲染
内容渲染创建demo2.html,内容如下Documentname:{{username}}age:{{age}}constvm={data:function(){return{username:'zs',age:18,desc:'必应'}}}constapp=Vue.createApp(vm)app.mount('#app')效果展示右键,在默认浏览器打开,效果如下
赴前尘
·
2023-09-10 20:42
vue
vue.js
学习
javascript
Vue学习
的第十天
组件#全局注册可以通过以下方式创建一个Vue实例newVue({el:"#some-element",//选项})要注册一个全局组件可以使用Vue.component(tagname,options),组件在注册之后,便可以作为自定义元素在一个实例的模板中使用。注意确保在初始化根实例之前注册组件Vue.component("my-component",{//选项})#局部注册不必把每个组件都注册到
Easy_Dream
·
2023-09-10 02:27
Vue学习
笔记 之 Svg图标组件的实现步骤
1、安装依赖 首先需要安装svg-sprite-loader依赖,命令如下,这在在学习的过程中,就是因为没有下载该依赖,导致图标一直无法正常显示。npminstallsvg-sprite-loader--save-dev--force2、配置svg图片处理规则 通过使用svg-sprite-loader组件,将svg的图标文件生产雪碧图(Sprite),在vue.config.js文件中进行配
姠惢荇者
·
2023-09-08 20:47
前端
笔记
vue.js
学习
笔记
svg
Vue学习
笔记 之 History 路由 和 Hash 路由的区别 及 History 模式时,Nginx的配置方式
一、History模式、Hash模式 VueRouter是Vue.js官方的路由管理器,用于构建单页应用的前端路由。它允许你通过定义路由配置来映射不同的URL到对应的组件,实现页面间的跳转和导航。VueRouter支持两种路由模式:history模式和hash模式。1、History模式 在History模式下,VueRouter通过使用HTML5HistoryAPI来管理路由,不会在URL中
姠惢荇者
·
2023-09-08 20:47
前端
笔记
vue.js
学习
笔记
路由
Vue学习
:vue-resource 基本使用
GET请求getInfo(){this.$http.get('http://yapi.demo.qunar.com/mock/64532/bbyy_employee/user/aboutAs').then(function(result){console.log(result);console.log(result.body);//拿到服务器返回成功的数据console.log(result.da
Merbng
·
2023-09-08 05:15
VUE学习
之实例属性$root, $parent
Vue子组件可以通过$root属性访问根实例的属性和方法Vue子组件可以通过$parent属性访问父组件实例的属性和方法下面写个简单的demo:Vue.component("first-child",{data:function(){return{msg:"firstchilddata"}},template:"",methods:{}});Vue.component("second-child"
夜跑者
·
2023-09-07 11:04
VUE学习
Vue学习
笔记
文章目录前端框架Vue基础知识环境搭建线上尝试CDN使用VueCLIVite开发准备安装Vue工具VueCLI创建一个项目运行项目安装Vue高亮插件模板语法文本原始HTML属性Attribute使用javascript表达式条件渲染v-ifv-elsev-show列表渲染用v-for把一个数组映射为一组元素维护状态事件处理监听事件事件处理方法内联处理器中的方法表单输入绑定双向数据绑定修饰符组件基础
sober30
·
2023-09-06 18:45
学习笔记
vue.js
学习
笔记
[
Vue学习
]Vue开发(一)开始一个vue项目
开始项目前先在cmd或者git运行node-v和npm-v确认node和npm已安装并确认版本较新安装vue-cli(vue脚手架)国内使用npm速度慢的话,可以使用npminstall-gcnpm--registry=https://registry.npm.taobao.org安装淘宝镜像,之后只要使用cnpm就可以了然后安装vue-clicnpminstall-gvue-cli安装完成后运行
音无级鹦鹉螺号
·
2023-09-05 17:33
Vue学习
记录
Vuevue是一套用于构建用户界面的渐进式JavaScript框架构建用户界面:使用某种方式拿到数据,将数据放到合适的位置渐进式:可以自底向上逐层应用vue特点:1.采用组件化开发,提高代码复用率,并且让代码更好的维护2.声明式编码,让编码人员无需直接操作DOM,提高开发效率3.使用虚拟DOM+Diff算法,尽量复用DOM节点vue安装1.直接使用script标签引入1.1直接用网址引入1.2去官
嘎嘎梨
·
2023-09-03 06:45
vue.js
vue 循环勾选框_
Vue学习
笔记-遍历el-checkbox
Vue学习
笔记-遍历el-checkoutv-model="checkAll":label="list.eventtypeid">全选:label="operate.actionid":key="operate.actionid
Miss豆子
·
2023-09-02 18:54
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基础
vue.js
html
html5
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.js
npm
node.js
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.js
javascript
html5
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
vue.js
前端
javascript
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
javascript
es6
vue.js
html
前端
Vue学习
笔记之Vuex的核心概念Module
Module由于使用单一状态树,应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时,store对象就有可能变得相当臃肿。为了解决以上问题,Vuex允许我们将store分割成模块(module)。每个模块拥有自己的state、mutation、action、getter、甚至是嵌套子模块——从上至下进行同样方式的分割:constmoduleA={state:{...},mutations:
WebKoalaBoy
·
2023-08-26 16:39
vue学习笔记
vue
Vue学习
之Vue组件的核心概念
组件是什么vue组件就是一个个独立的小型的ui模块,整个大型的系统就是由一个个小型的UI模块拼接而成的vue组件就是vue实例,通过newVue函数来创建的一个vue实例,不同的组件只不过是options的不同,我们基本百分之90的开发工作都是围绕options的配置来进行的三大核心概念属性、事件、插槽属性属性例子:exportdefault{name:"PropsDemo",//不推荐使用这种做
合格的程序员
·
2023-08-25 21:05
vue.js
学习
javascript
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.js
学习
前端
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.js
学习
windows
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.js
学习
笔记
上一页
6
7
8
9
10
11
12
13
下一页
按字母分类:
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
其他