- 文章目录修饰符1.事件修饰符2.按键修饰符修饰符1.事件修饰符vue中提供的事件修饰符一共有4种.stop：用来阻止事件冒泡（防止事件向父标签传递）.prevent：用来阻止标签的默认行为.self：只监听自身标签触发的事件.once：该事件只触发一次语法：@事件名.事件修饰符=“事件处理函数”例：@click.stop=“test”，给click加了一个stop修饰的事件具体代码内容<!D... 文章目录修饰符1.事件修饰符2.按键修饰符修饰符1.事件修饰符vue中提供的事件修饰符一共有4种.stop：用来阻止事件冒泡（防止事件向父标签传递）.prevent：用来阻止标签的默认行为.self：只监听自身标签触发的事件.once：该事件只触发一次语法：@事件名.事件修饰符=“事件处理函数”例：@click.stop=“test”，给click加了一个stop修饰的事件具体代码内容<!D...
- Class 与 Style 绑定绑定HTML Class(类名)对象语法数组语法用在组件上绑定内联样式对象语法数组语法自动添加前缀多重值truthy 解释官方文档介绍得很详细;建议看官方文档官方文档操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用v-bind处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将 ... Class 与 Style 绑定绑定HTML Class(类名)对象语法数组语法用在组件上绑定内联样式对象语法数组语法自动添加前缀多重值truthy 解释官方文档介绍得很详细;建议看官方文档官方文档操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用v-bind处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将 ...
- 又来学习源码系列，今天就看一下vue中的过滤器具体是怎么实现的，我觉得这是一个不常用但是很重要的知识点，开冲！01 前言过滤器实质不改变原始数据，只是对数据进行加工处理后返回过滤后的数据再进行调用处理。我们看一下官方的定义：Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应... 又来学习源码系列，今天就看一下vue中的过滤器具体是怎么实现的，我觉得这是一个不常用但是很重要的知识点，开冲！01 前言过滤器实质不改变原始数据，只是对数据进行加工处理后返回过滤后的数据再进行调用处理。我们看一下官方的定义：Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应...
- 文章目录01.Vue声明式渲染02.MVVM03.Vue使用相关问题04.插值表达式05.事件06.操作标签内容01.Vue声明式渲染<body> <div id="#app"> {{msg}} </div> <script src="js/vue.js"></script> <script> new Vue({ el:"#app", data:{ msg:"Hello!V... 文章目录01.Vue声明式渲染02.MVVM03.Vue使用相关问题04.插值表达式05.事件06.操作标签内容01.Vue声明式渲染<body> <div id="#app"> {{msg}} </div> <script src="js/vue.js"></script> <script> new Vue({ el:"#app", data:{ msg:"Hello!V...
- Vue侦听器1、Vue侦听器2、value类型2.1、value为函数类型2.2、value为字符串类型2.3、value为对象类型3、key类型（键类型）3.1、正常键值3.2、字符串类型4、vm.$watch5、vm.$watch返回值1、Vue侦听器vue配置对象中的一个属性，侦听属性，它是响应数据变化，这里的数据指的是data和computed中的数据， 相当于监视数据，当数据发生变... Vue侦听器1、Vue侦听器2、value类型2.1、value为函数类型2.2、value为字符串类型2.3、value为对象类型3、key类型（键类型）3.1、正常键值3.2、字符串类型4、vm.$watch5、vm.$watch返回值1、Vue侦听器vue配置对象中的一个属性，侦听属性，它是响应数据变化，这里的数据指的是data和computed中的数据， 相当于监视数据，当数据发生变...
- 文章目录computed:1、基本使用：1.1 应用场景：1.2 代码位置：1.3 值：2、复杂操作-结合data中数据：3、计算属性写法演变：3.1 计算属性的setter和getter：① 完整的计算属性写法：属性+方法② 计算属性一般只有get方法，是只读属性。所以一般写法为：③ 语法糖---简化写法：4、项目中实例：computed:1、基本使用：在computed中定义一个函数（看... 文章目录computed:1、基本使用：1.1 应用场景：1.2 代码位置：1.3 值：2、复杂操作-结合data中数据：3、计算属性写法演变：3.1 计算属性的setter和getter：① 完整的计算属性写法：属性+方法② 计算属性一般只有get方法，是只读属性。所以一般写法为：③ 语法糖---简化写法：4、项目中实例：computed:1、基本使用：在computed中定义一个函数（看...
- 我之前学了学angular 发现angular和vue的指令有点类似先说一下new Vue({ el: "#box", // element（元素） 当前作用域 data(){ return { //用return返回对象 msg: "122" } ... 我之前学了学angular 发现angular和vue的指令有点类似先说一下new Vue({ el: "#box", // element（元素） 当前作用域 data(){ return { //用return返回对象 msg: "122" } ...
- 学习vue有一段时间了，简单谈一下关于vue生命周期，因为这个还是很重要的，理解了vue的生命周期对于以后我们做复杂的大型项目的是很有帮助的，写在前面，本人也是搬运工一枚，在网上搜集的资料然后自己动手操作，如有理解错误的地方恳请告知修改。 首先展示一张关于vue生命周期的图示 Vue2.0的生命周期钩子一共有10个，同样结合官方文档作出了下表生命周期钩子详细beforeCreate在实例初... 学习vue有一段时间了，简单谈一下关于vue生命周期，因为这个还是很重要的，理解了vue的生命周期对于以后我们做复杂的大型项目的是很有帮助的，写在前面，本人也是搬运工一枚，在网上搜集的资料然后自己动手操作，如有理解错误的地方恳请告知修改。 首先展示一张关于vue生命周期的图示 Vue2.0的生命周期钩子一共有10个，同样结合官方文档作出了下表生命周期钩子详细beforeCreate在实例初...
- 因为项目需要用到富文本编辑器众多富文本编辑器中，选择了 Tinymce，根据项目需要对Tinymce 进行扩展和增强插件，记录一下，并同时分享给需要帮助的人。 因为项目需要用到富文本编辑器众多富文本编辑器中，选择了 Tinymce，根据项目需要对Tinymce 进行扩展和增强插件，记录一下，并同时分享给需要帮助的人。
- node的安装与卸载今天遇到个问题 使用npm命令时报错显示栈溢出，所以将node重装了一下，一.卸载node：1.在程序与功能里卸载node.js，然后删除node相关文件夹，此次安装我将node安装在C盘里，将他的全局缓存指向在D盘的nodejs文件夹中（node_cache\node_config）2.删除环境变量和用户变量中的参数3. 执行一下npm -v 看看还有没有反应二.安装n... node的安装与卸载今天遇到个问题 使用npm命令时报错显示栈溢出，所以将node重装了一下，一.卸载node：1.在程序与功能里卸载node.js，然后删除node相关文件夹，此次安装我将node安装在C盘里，将他的全局缓存指向在D盘的nodejs文件夹中（node_cache\node_config）2.删除环境变量和用户变量中的参数3. 执行一下npm -v 看看还有没有反应二.安装n...
- VuePress 由两部分组成：第一部分是一个极简静态网站生成器 (opens new window)，它包含由 Vue 驱动的主题系统和插件 API，另一个部分是为书写技术文档而优化的默认主题，它的诞生初衷是为了支持 Vue 及其子项目的文档需求。安装VuePress 需要 Node.js (opens new window)>= 8.6本文会帮助你从头搭建一个简单的 VuePress 文... VuePress 由两部分组成：第一部分是一个极简静态网站生成器 (opens new window)，它包含由 Vue 驱动的主题系统和插件 API，另一个部分是为书写技术文档而优化的默认主题，它的诞生初衷是为了支持 Vue 及其子项目的文档需求。安装VuePress 需要 Node.js (opens new window)>= 8.6本文会帮助你从头搭建一个简单的 VuePress 文...
- 这篇文章主要介绍了vue 数据双向绑定的实现方法，帮助大家更好的理解和学习使用vue框架，感兴趣的朋友可以了解下 这篇文章主要介绍了vue 数据双向绑定的实现方法，帮助大家更好的理解和学习使用vue框架，感兴趣的朋友可以了解下
- Vue前端路由七、Vue前端路由1. 路由的基本概念与原理后端路由前端路由实现简单的前端路由vue-router基本概念2. vue-router的基本使用基本使用步骤路由重定向3. vue-router嵌套路由嵌套路由功能分析实例demo4. vue-router动态路由匹配通过动态路由参数的模式进行路由匹配路由组件传递参数5. vue-router命名路由6. vue-router编程式导航 Vue前端路由七、Vue前端路由1. 路由的基本概念与原理后端路由前端路由实现简单的前端路由vue-router基本概念2. vue-router的基本使用基本使用步骤路由重定向3. vue-router嵌套路由嵌套路由功能分析实例demo4. vue-router动态路由匹配通过动态路由参数的模式进行路由匹配路由组件传递参数5. vue-router命名路由6. vue-router编程式导航
- 二、vue组件化开发（轻松入门vue） Vue组件化开发五、组件化开发1. 组件注册组件命名规范组件注册注意事项全局组件注册局部组件注册2. Vue调试工具下载3. 组件间数据交互父组件向子组件传值props传递数据原则：单向数据流。子组件向父组件传值非父子组件之间传值4. 组件插槽基本用法具名插槽用法作用域插槽 组件化思想：标准、分治、重用、组合 组件 (Component) 是 Vue.js 二、vue组件化开发（轻松入门vue） Vue组件化开发五、组件化开发1. 组件注册组件命名规范组件注册注意事项全局组件注册局部组件注册2. Vue调试工具下载3. 组件间数据交互父组件向子组件传值props传递数据原则：单向数据流。子组件向父组件传值非父子组件之间传值4. 组件插槽基本用法具名插槽用法作用域插槽 组件化思想：标准、分治、重用、组合 组件 (Component) 是 Vue.js
- Vue前后端交互六、Vue前后端交互1. 前后端交互模式2. Promise的相关概念和用法Promise基本用法**then参数中的函数返回值**基于Promise处理多个Ajax请求demoPromise常用API3. fetch进行接口调用fetch基本用法fetch请求参数fetch响应结果4. axios进行接口调用axios基本用法axios的常用API（参数传递）5. asyns/a Vue前后端交互六、Vue前后端交互1. 前后端交互模式2. Promise的相关概念和用法Promise基本用法**then参数中的函数返回值**基于Promise处理多个Ajax请求demoPromise常用API3. fetch进行接口调用fetch基本用法fetch请求参数fetch响应结果4. axios进行接口调用axios基本用法axios的常用API（参数传递）5. asyns/a
上滑加载中
推荐直播
-
华为云码道-玩转OpenClaw，在线养虾2026/03/11 周三 19:00-21:00
刘昱，华为云高级工程师/谈心，华为云技术专家/李海仑，上海圭卓智能科技有限公司CEO
OpenClaw 火爆开发者圈，华为云码道最新推出 Skill ——开发者只需输入一句口令，即可部署一个功能完整的「小龙虾」智能体。直播带你玩转华为云码道，玩转OpenClaw
回顾中 -
华为云码道-AI时代应用开发利器2026/03/18 周三 19:00-20:00
童得力，华为云开发者生态运营总监/姚圣伟，华为云HCDE开发者专家
本次直播由华为专家带你实战应用开发，看华为云码道(CodeArts)代码智能体如何在AI时代让你的创意应用快速落地。更有华为云HCDE开发者专家带你用码道玩转JiuwenClaw，让小艺成为你的AI助理。
回顾中 -
Skill 构建 × 智能创作：基于华为云码道的 AI 内容生产提效方案2026/03/25 周三 19:00-20:00
余伟，华为云软件研发工程师/万邵业（万少），华为云HCDE开发者专家
本次直播带来两大实战：华为云码道 Skill-Creator 手把手搭建专属知识库 Skill；如何用码道提效 OpenClaw 小说文本，打造从大纲到成稿的 AI 原创小说全链路。技术干货 + OPC创作思路，一次讲透！
回顾中
热门标签