- 自定义指令 自定义全局和局部的 自定义指令: // 自定义全局指令 v-focus,为绑定的元素自动获取焦点: Vue.directive('focus', { in... 自定义指令 自定义全局和局部的 自定义指令: // 自定义全局指令 v-focus,为绑定的元素自动获取焦点: Vue.directive('focus', { in...
- vue-resource 实现 get, post, jsonp请求 除了 vue-resource 之外,还可以使用 axios 的第三方包实现实现数据的请求 之前的学习中,如何发起数据请求?常见的... vue-resource 实现 get, post, jsonp请求 除了 vue-resource 之外,还可以使用 axios 的第三方包实现实现数据的请求 之前的学习中,如何发起数据请求?常见的...
- 全局过滤器 局部过滤器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">... 全局过滤器 局部过滤器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">...
- v-cloak需要在F12设置3g慢速网络 <!DOCTYPE html> <html lang="en"> <head> <meta charset="... v-cloak需要在F12设置3g慢速网络 <!DOCTYPE html> <html lang="en"> <head> <meta charset="...
- Vue指令之v-if和v-show 一般来说,v-if 有更高的切换消耗而 v-show 有更高的初始渲染消耗。因此,如果需要频繁切换 v-show 较好,如果在运行时条件不大可能改变 v-if ... Vue指令之v-if和v-show 一般来说,v-if 有更高的切换消耗而 v-show 有更高的初始渲染消耗。因此,如果需要频繁切换 v-show 较好,如果在运行时条件不大可能改变 v-if ...
- <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta n... <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta n...
- 前言: 在把前端公共的功能放到公共的js 文件里的时候,无法使用 this 去引用已经全局注册的组件和 this本身都是 unfinished 目录 解决之前:解决之后:解决思路: 解决... 前言: 在把前端公共的功能放到公共的js 文件里的时候,无法使用 this 去引用已经全局注册的组件和 this本身都是 unfinished 目录 解决之前:解决之后:解决思路: 解决...
- data 必须是一个函数 上面例子中,可以看到 button-counter 组件中的 data 不是一个对象,而是一个函数: data: function () { return { count: 0 }} 这样的好处就是每个实例可以维护一份被返回对象的独立的拷贝,如果 data 是一个对象则会影响到其他实例,如下所示... data 必须是一个函数 上面例子中,可以看到 button-counter 组件中的 data 不是一个对象,而是一个函数: data: function () { return { count: 0 }} 这样的好处就是每个实例可以维护一份被返回对象的独立的拷贝,如果 data 是一个对象则会影响到其他实例,如下所示...
- 循环语句 循环使用 v-for 指令。 v-for 指令需要以 site in sites 形式的特殊语法, sites 是源数据数组并且 site 是数组元素迭代的别名。 v-for 可以绑定数据到数组来渲染一个列表: 模板中使用 v-for: <!DOCTYPE html><html> <he... 循环语句 循环使用 v-for 指令。 v-for 指令需要以 site in sites 形式的特殊语法, sites 是源数据数组并且 site 是数组元素迭代的别名。 v-for 可以绑定数据到数组来渲染一个列表: 模板中使用 v-for: <!DOCTYPE html><html> <he...
- 参数在指令后以冒号指明。例如, v-bind 指令被用来响应地更新 HTML 属性,在这里 href 是参数,告知 v-bind 指令将该元素的 href 属性与表达式 url 的值绑定。 <!DOCTYPE html><html> <head> <meta charset="U... 参数在指令后以冒号指明。例如, v-bind 指令被用来响应地更新 HTML 属性,在这里 href 是参数,告知 v-bind 指令将该元素的 href 属性与表达式 url 的值绑定。 <!DOCTYPE html><html> <head> <meta charset="U...
- <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>v-bind命令</title> <script src="js/vue.min.js"></script> <... <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>v-bind命令</title> <script src="js/vue.min.js"></script> <...
- <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>VUE ajax案例</title> <script src="js/vue.js"></script> <s... <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>VUE ajax案例</title> <script src="js/vue.js"></script> <s...
- <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>vue原理探析</title> <script src="js/vue.min.js"></script> </... <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>vue原理探析</title> <script src="js/vue.min.js"></script> </...
- class 与 style 是 HTML 元素的属性,用于设置元素的样式,我们可以用 v-bind 来设置样式属性。 Vue.js v-bind 在处理 class 和 style 时, 专门增强了它。表达式的结果类型除了字符串之外,还可以是对象或数组。 <!DOCTYPE html><html> <h... class 与 style 是 HTML 元素的属性,用于设置元素的样式,我们可以用 v-bind 来设置样式属性。 Vue.js v-bind 在处理 class 和 style 时, 专门增强了它。表达式的结果类型除了字符串之外,还可以是对象或数组。 <!DOCTYPE html><html> <h...
- 指令是带有 v- 前缀的特殊属性。 指令用于在表达式的值改变时,将某些行为应用到 DOM 上。如下例子: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>VUE指令</title... 指令是带有 v- 前缀的特殊属性。 指令用于在表达式的值改变时,将某些行为应用到 DOM 上。如下例子: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>VUE指令</title...
上滑加载中
推荐直播
-
华为云码道-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创作思路,一次讲透!
回顾中 -
码道新技能,AI 新生产力——从自动视频生成到开源项目解析2026/04/08 周三 19:00-21:00
童得力-华为云开发者生态运营总监/何文强-道通无人机企业AI提效负责人
本次华为云码道 Skill 实战活动,聚焦两大 AI 开发场景:通过实战教学,带你打造 AI 编程自动生成视频 Skill,并实现对 GitHub 热门开源项目的智能知识抽取,手把手掌握 Skill 开发全流程,用 AI 提升研发效率与内容生产力。
即将直播
热门标签