- 循环语句 循环使用 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...
- <!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> </...
- 效果如下： 将内部的div的代码更改为<div v-html="msg"></div>,效果如下： 在 网页上点F12查看代码，可以看到会将解析为html格式，代码如下： 效果如下： 将内部的div的代码更改为<div v-html="msg"></div>,效果如下： 在 网页上点F12查看代码，可以看到会将解析为html格式，代码如下：
- 随机生成一个数字，判断是否大于0.55，然后输出对应信息： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>v-else</title> <script src="js/vue.mi... 随机生成一个数字，判断是否大于0.55，然后输出对应信息： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>v-else</title> <script src="js/vue.mi...
- 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 is 特性扩展。个人认为就是一个可以重复利用的结构层代码片段。 全局组件注册方式：Vue.co... 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 is 特性扩展。个人认为就是一个可以重复利用的结构层代码片段。 全局组件注册方式：Vue.co...
- <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>VUE表达式</title> <script src="js/vue.min.js"></script> </h... <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>VUE表达式</title> <script src="js/vue.min.js"></script> </h...
- <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>VUE自定义指令</title> <script src="js/vue.js"></script> </hea... <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>VUE自定义指令</title> <script src="js/vue.js"></script> </hea...
- 1.引用vue.js 2.设计页面布局div 3.js代码，都需要new Vue（）的实例。其中，el：表示DOM中的Id，本处为vue_det,表示我们针对这个div进行操作； data用于定义属性，本处有三个属性：site、url、alexa; methods用于定义函... 1.引用vue.js 2.设计页面布局div 3.js代码，都需要new Vue（）的实例。其中，el：表示DOM中的Id，本处为vue_det,表示我们针对这个div进行操作； data用于定义属性，本处有三个属性：site、url、alexa; methods用于定义函...
- 钩子函数 指令定义函数提供了几个钩子函数（可选）： bind: 只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义一个在绑定时执行一次的初始化动作。 inserted: 被绑定元素插入父节点时调用（父节点存在即可调用，不必存在于 document 中）。 update: 被绑定元素所在的模板更新时调用，而不论绑定值... 钩子函数 指令定义函数提供了几个钩子函数（可选）： bind: 只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义一个在绑定时执行一次的初始化动作。 inserted: 被绑定元素插入父节点时调用（父节点存在即可调用，不必存在于 document 中）。 update: 被绑定元素所在的模板更新时调用，而不论绑定值...
上滑加载中
推荐直播
-
HDC深度解读系列 - Serverless与MCP融合创新，构建AI应用全新智能中枢2025/08/20 周三 16:30-18:00
张昆鹏 HCDG北京核心组代表
HDC2025期间，华为云展示了Serverless与MCP融合创新的解决方案，本期访谈直播，由华为云开发者专家(HCDE)兼华为云开发者社区组织HCDG北京核心组代表张鹏先生主持，华为云PaaS服务产品部 Serverless总监Ewen为大家深度解读华为云Serverless与MCP如何融合构建AI应用全新智能中枢
回顾中 -
关于RISC-V生态发展的思考2025/09/02 周二 17:00-18:00
中国科学院计算技术研究所副所长包云岗教授
中科院包云岗老师将在本次直播中，探讨处理器生态的关键要素及其联系，分享过去几年推动RISC-V生态建设实践过程中的经验与教训。
回顾中 -
一键搞定华为云万级资源，3步轻松管理企业成本2025/09/09 周二 15:00-16:00
阿言 华为云交易产品经理
本直播重点介绍如何一键续费万级资源，3步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签