AI 助理
备案控制台
文章 2023-10-20 来自：开发者社区

vue自定义v-drag指令实现鼠标拖拽

1. 效果使用自定义拖拽指令v-drag来实现鼠标拖拽的效果。2. 相关概念Element.clientWidth：元素可视宽度（不包含滚动条）。Element.clientHeight：元素可视高度（不包含滚动条）。MouseEvent.clientX：鼠标相对于浏览器左上顶点的水平坐标（不包含滚动条），与之对应的MouseEvent.pageX：相对于整个文档的水平坐标（即包含滚动）。Mou....

vue自定义v-drag指令实现鼠标拖拽
文章 2023-10-17 来自：开发者社区

【Vue2.0源码学习】指令篇-Vue自定义指令

1. 前言在Vue中，除了Vue本身为我们提供的一些内置指令之外，Vue还支持用户自定义指令。并且用户有两种定义指令的方式：一种是使用全局API——Vue.directive来定义全局指令，这种方式定义的指令会被存放在Vue.options['directives']中；另一种是在组件内的directive选项中定义专为该组件使用的局部指令，这种方式定义的指令会被存放在vm.$options['....

文章 2023-10-16 来自：开发者社区

“Vue进阶：深入理解插值、指令、过滤器、计算属性和监听器“

引言：Vue.js是一款流行的JavaScript框架，它提供了许多强大的功能来简化前端开发。在本篇博客中，我们将深入探讨Vue的一些高级特性，包括插值、指令、过滤器、计算属性和监听器。通过理解和灵活运用这些功能，我们可以更好地构建出丰富、高效的Vue应用程序。Vue的插值<!DOCTYPE html> <html> <head> <meta...

“Vue进阶：深入理解插值、指令、过滤器、计算属性和监听器“
文章 2023-09-27 来自：开发者社区

Vue 综合- v-xxx 自带指令

``` import Vue from 'vue' import App from './App.vue' import router from './router' import store from './store'Vue.config.productionTip = falsenew Vue({ el: '#app', template: &lt;div&gt; &lt;div v-sh....

文章 2023-09-27 来自：开发者社区

Vue3-文本类指令

：v-text、v-html、v-prev-html &amp; v-text双大括号会将数据插值为纯文本，而不是 HTML。若想插入 HTML，你需要使用 v-html 指令： &lt;div v-html="rawHTML"&gt;&lt;/div&gt; &lt;div v-text="rawHTML"&gt;&lt;/div&gt; &lt;div&gt;{{rawHTML}}&lt;.....

文章 2023-09-27 来自：开发者社区

Vue常用指令(二)

动态样式绑定8.1、class样式绑定对象语法（用于控制开关切换）<style> /* CSS片段 */ .active { color: red; } </style> <!-- HTML片段 --> <div v-bind:class="{active: isActive}">class样式</div> <script t...

Vue常用指令(二)
文章 2023-09-27 来自：开发者社区

Vue常用指令(一)

.常用指令v-cloak**作用：**解决浏览器在加载页面时因存在时间差而产生的闪动问题**原理：**先隐藏元素挂载位置，处理好渲染后再显示最终的结果**注意：**需要与CSS规则一起使用**文档地址：**https://cn.vuejs.org/v2/api/#v-cloak示例：<style> [v-cloak] { display: none; ...

文章 2023-09-27 来自：开发者社区

【Vue入门】语法 —— 插值、指令、过滤器、计算属性、监听器

一、模版语法1.1 插值        Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ，所以能被遵循规范的浏览器和 HTML 解析器解析。vue将模板编译成虚拟dom，结合响应系统，Vue 能够智能地计算出最少需要重新渲染多少组件，并把 DOM ....

【Vue入门】语法 —— 插值、指令、过滤器、计算属性、监听器
文章 2023-09-25 来自：开发者社区

Javaweb第四章---Vue与指令(入门必看）

一.Vue是什么？Vue的概念Vue是一套前端框架，可以免除JavaScript的DOM操作，使代码更加简洁Vue的实现是基于MVVM思想，实现数据的双向绑定。框架是一个半成品软件，是一套可重用的、通用的、软件基础代码模型Vue文件下载及其MVVM思想的介绍：http://t.csdn.cn/IGTO7 Vue代码创建使用前需要映入Vue.js文件：&lt;script &nbsp;src=" ....

Javaweb第四章---Vue与指令(入门必看）
文章 2023-09-23 来自：开发者社区

Vue2向Vue3过度核心技术指令补充

1 指令修饰符1.1 什么是指令修饰符？ 所谓指令修饰符就是通过“.”指明一些指令后缀不同的后缀封装了不同的处理操作 —> 简化代码1.2 按键修饰符@keyup.enter —>当点击enter键的时候才触发代码演示： <div id="app"> <h3>@keyup.enter → 监听键盘回车事件</h3> <i...

Vue2向Vue3过度核心技术指令补充

本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。

VUE.js指令相关内容

VUE.js更多指令相关

VUE.js您可能感兴趣

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此，由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界，将面向未来，制定技术策略和目标并落地执行，推动终端技术发展，帮助工程师成长，打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号：阿里巴巴终端技术，欢迎关注。

+关注