vue基础-2

最新推荐文章于 2024-05-16 23:40:36 发布
最新推荐文章于 2024-05-16 23:40:36 发布
阅读量108 收藏
点赞数
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/drowing_knife/article/details/127699815
版权

vue基础-2

vue基础-2

vue基础知识第二部分

vue常见指令

①v-bind:动态的设置html的标签属性

②v-on：注册事件

③v-show 和 v-if :控制盒子的显示隐藏

④v-else 和 v-else-if : 根据条件渲染

⑤v-model：给表单元素使用, 双向数据绑定

⑥v-text和v-html:更新元素的innerText/innerHTML

⑦v-for: 遍历数组,对象,数字,渲染结构

⑧v-if 和v-else: 可以实现互斥

常见的事件修饰符有哪些，并说明其作用

事件修饰符：vue提供事件修饰符，可以快速阻止默认行为或阻止冒泡

.prevent 阻止默认行为， .stop 阻止冒泡

drowing_knife
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vue3-element-admin:vue3-element-admin后台管理系统前端解决方案
04-17
- 熟悉 Vue 基础语法 Vue-Router-Next - 熟悉 vue-router@4 基本使用 Element-Plus - ui 基本使用 Mock.js - mockjs 基本语法 安装使用 # 克隆项目 git clone https://github.com/huzhushan/vue3-element-admin.git...
Vue2-基础知识
qq_54379580的博客
09-28 1万+
一些vue的基础知识啦, 基本用法, 指令相关,侦听器,过滤器,计算属性, 组件相关, 路由相关的基础知识点啦~~~
VUE-CLI/VUE-ROUTER
LKS_010620的博客
08-24 3569
官方文档vue-cli是vue官方出品的快速构建单页应用的脚手架，里面集成了webpack，npm，nodejs，babel，vue，vue-router。
vue v-html 参数,vue基础知识详解
weixin_30424427的博客
07-02 2985
步骤：准备一个被vue挂载的容器divnew vue实例对象1.Vue 实例的作用范围？vue会管理el命中的元素及其后代内部的后代元素，注意是内部的可以看出vue 作用范围仅限于el 命中的元素的内部2.是否可以选择其他选择器？可以，但是建议选择id选择器默认选择的是id选择器。那是否可以是其他的选择器呢？可以看得出不管是id选择器还是class选择器或者是标签选择器都是没有发生变化的，所以它可...
vue基础-Class介绍
weixin_43010844的博客
12-11 2248
数据绑定的一个常见需求场景是操纵元素的 CSS class 列表因为class是 attribute，我们可以和其他atribute 一样使用v-bind将它们和动态的字符串绑定。但是，在处理比较复杂的绑定时，通过拼接生成字符串是麻烦且易出错的。因此，Vue专门为class的v-bind用法提供了特殊的功能增强。除了字符串外，表达式的值也可以是或。
Vue基础知识总结 11：前端路由vue-router
热门推荐
学Java，找哪吒
10-13 4万+
当打包构建应用时，JavaScript包会变得非常大，影响页面加载。如果我们能吧不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。
vue基础-动态style
佐杰的博客
07-30 4545
给标签动态设置style值。
vue-property-decorator
越来越棒鸭
07-20 2万+
vue-property-decorator基础教程为什么要使用vue-property-decorator如何使用vue-property-decorator基本写法data中定义数据生命周期钩子函数方法@Component@Prop@Emit计算属性@Watch 为什么要使用vue-property-decorator vue-property-decorator是在vue-class-component的基础上做了进一步的封装，在TypeScript官方文档 中，官方推荐了vue-class-com
Vue基础-输入文本框
weixin_72492001的博客
08-11 4424
Vue基础-输入文本框
vue-element-admin
小赵的呢
03-01 3万+
vue-element-admin 1、vue-element-admin 1.1简介 vue-element-admin是基于element-ui 的一套后台管理系统集成方案。 GitHub地址：https://github.com/PanJiaChen/vue-element-admin 项目在线预览：https://panjiachen.gitee.io/vue-element-admin 1.2安装 # 解压压缩包 # 进入目录 cd vue-element-admin-master # 安装依赖
vue 图形验证vue2-verify
weixin_44402520的博客
12-05 6086
1、vue2-verify支持的验证码类型 常规验证码picture 常规的验证码由数字和字母构成，用户输入不区分大小写，可变形成汉字验证。 运算验证码compute 运算验证码主要通过给出数字的加减乘运算，填写运算结果进行验证。 滑动验证码slide 通过简单的滑动即可完成验证，应用与移动端体验很好。 拼图验证码puzzle 拼图。 选字验证码pick 通过按顺序点选图中的汉字完成验证，ie浏览...
vue3-composition-admin:v基于vue3的管理端模板（Vue3 TS Vuex4 element-plus vue-i18n-next composition-api）vue3-admin vue3-ts-admin
03-20
项目的基础版本出自自于源于花裤衩大佬的vue-element-admin。 版本： vue2 + js版本： vue2 + ts版本： typescript vue3发布之后，性能增强，速度vue2的倍数，打包体积都在插入（treeshaking），组成api增加了...
vue3-treeselect:vue 3的树选择组件（下一个）
04-13
感谢及其源代码和库，以此作为vue 2的基础。 从他的资料库中取得重大变化： 属性value => modelValue 事件input => updated:modelValue 现在将插槽与特征带有嵌套选项的单选和多选支持模糊匹配异步搜索延迟加载（仅...
vue-admin-beautiful-template:vue-admin-beautiful-template基础版
03-21
vue-admin-beautiful（element-ui） 地址 vue-admin-beautiful前端讨论QQ群972435319，1139183756 不论您加或不加，您都可以享受到开源的代码，感谢您的支持和... :seedling: vue2.x master分支（element-ui
vue3-element-admin-ts::party_popper: 基于 vite + Vue3.0 + Vue-Router 4.0 + Vuex 4.0 + element-plus+Typescript 的后台管理系统vue3-element-admin-ts
04-07
它使用了最新的前端技术栈，vite + vue3 + typescript ，提供最基础的框架模型，可以帮助你快速搭建企业级中后台产品原型。 PS：我是参考 开发维护的 ， 十分感谢大佬对开源社区做出的贡献 :)前序准备你需要在本地...
vue中的事件
最新发布
weixin_43390711的博客
05-16 158
需要使用emit方法，emit(‘事件名’,参数)自定义事件名的规范（script中用小驼峰，模板中用短横线）1、组合api中2、setup语法糖中(非TS)3、setup语法糖中（使用TS）}>()
vue3.0+antdv的admin管理系统vue-admin-beautiful推荐
独行猫a 的沉淀、积累、总结。天天学习，好好向上...c/c++,嵌入式 linux,Android,HarmonyOS)
05-15 1098
几年前，笔者自学了vue这一优秀的前端框架，但苦于没项目练手，无意间发现了这一优秀的前端集成框架。当时就使用它做了一很有意思的小项目---终端监控云平台，实现了前端和后台的整体功能。整体方案介绍参见博文《》，前端使用vue-admin-beautiful框架，后端使用go-zero微服务框架，几天内就搞出来了一个包含前端和后台的小项目。我的monitor-ui前端运行界面：后续有机会介绍下我这个终端监控云平台小项目的具体实现，挺有意思的。几年前还用到过几个地方的公交客户现场，客户挺喜欢这个功能的。
Vue.js的发展史（一）
2301_79683791的博客
05-15 753
Vue (发音为 /vjuː/，类似view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。来源官方解释-----简介 | Vue.js (vuejs.org)简单来说：Vue是一个属于JS的库，可直接引入一个JS文件就可以使用，与传统JS和JQuery框架不同，Vue的渐进式框架。
基于Vue和uni-app的增强型多选框Checkbox组件开发
chenchuang0128的博客
05-16 346
该组件通过数据驱动、支持页面正反向传值等特性，提高了组件的灵活性和可重用性。未来，我们可以继续探索组件的更多可能性和应用场景，如支持条件筛选、异步加载数据等，以满足更复杂的前端需求。该组件不仅提供了基本的复选功能，还通过数据驱动、支持页面正反向传值等特性，进一步增强了组件的灵活性和可重用性。页面正反向传值：组件应该能够支持页面正反向传值，即能够将组件的状态传递给父组件，同时也能够接收父组件传递的数据。数据驱动：组件应该能够通过数据驱动，即组件的状态和行为应该由数据决定，而不是通过直接操作DOM元素来实现。
vue基础-MVVM设计模式
04-30
MVVM 是一种前端架构设计模式，它将界面、数据和逻辑分离并通过 ViewModel 进行交互。在 MVVM 模式中，视图(View)和模型(Model)是完全独立的，它们通过 ViewModel 进行双向绑定(Binding)。 在 Vue.js 中，MVVM 模式被称为“响应式编程”，它的核心是数据劫持和发布订阅模式。Vue.js 的数据驱动视图，通过数据改变来更新视图，这些数据是被劫持的，也就是说，当数据发生变化时，Vue.js 会自动更新视图。 Vue.js 中的 MVVM 模式包含以下三个部分： 1. 视图层(View)：负责展示数据，通常是 HTML 模板。 2. 模型层(Model)：负责存储数据，通常是 JavaScript 对象。 3. 视图模型层(ViewModel)：负责处理视图与模型之间的交互，它是一个纯粹的 JavaScript 对象，负责实现数据绑定、数据格式化、事件监听等功能。 在 Vue.js 中，我们可以使用指令(v-directive)来实现数据绑定。指令是一种特殊的 HTML 属性，它的值通常是一个表达式，用来绑定指令所在元素的属性或事件。例如，v-bind 指令可以将一个 JavaScript 对象绑定到 DOM 元素的属性，v-on 指令可以监听 DOM 元素的事件。 除了指令之外，Vue.js 还提供了计算属性(Computed)和侦听器(Watch)等功能，用于处理数据的计算和监听数据的变化。 总之，MVVM 模式是一种前端架构设计模式，它通过 ViewModel 实现视图(View)和模型(Model)之间的双向绑定(Binding)，实现了数据的自动更新和视图的响应式。在 Vue.js 中，MVVM 模式被称为“响应式编程”，它的核心是数据劫持和发布订阅模式。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值