- 什么是组件：众所周知组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也可以是原生HTML元素的形式，以is特性扩展。 循环引用 递归组件组件是可以在它们自己的模板中调用自身的，不过它们只能通过name选项来做这件事：name: 'my-cmp'不过当使用 Vue.com... 什么是组件：众所周知组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也可以是原生HTML元素的形式，以is特性扩展。 循环引用 递归组件组件是可以在它们自己的模板中调用自身的，不过它们只能通过name选项来做这件事：name: 'my-cmp'不过当使用 Vue.com...
- 程序化的事件侦听器除了 v-on 和 $emit 外， Vue 实例在其事件接口中还提供了其它的方法。我们可以：通过 $on(eventName, eventHandler) 侦听一个事件通过 $once(eventName, eventHandler) 一次性侦听一个事件通过 $off(eventName, eventHandler) 停止侦听一个事件这几个方法一般不会被用到，但是，当需... 程序化的事件侦听器除了 v-on 和 $emit 外， Vue 实例在其事件接口中还提供了其它的方法。我们可以：通过 $on(eventName, eventHandler) 侦听一个事件通过 $once(eventName, eventHandler) 一次性侦听一个事件通过 $off(eventName, eventHandler) 停止侦听一个事件这几个方法一般不会被用到，但是，当需...
- 组件_处理边界情况接下来我们要学习的都是和处理边界情况有关的功能，即一些需要对 Vue 的规则做一些小调整的特殊情况。需要注意的是，这些功能都是有劣势或危险场景的。 访问元素 & 组件在绝大多数情况下，我们最好不要触达另一个组件实例内部或手动操作 DOM 元素。不过也确实在一些情况下做这些事情是合适的。 访问根实例在每个子组件中，可以通过 $root 访问根实例。 // Vue 根实例ne... 组件_处理边界情况接下来我们要学习的都是和处理边界情况有关的功能，即一些需要对 Vue 的规则做一些小调整的特殊情况。需要注意的是，这些功能都是有劣势或危险场景的。 访问元素 & 组件在绝大多数情况下，我们最好不要触达另一个组件实例内部或手动操作 DOM 元素。不过也确实在一些情况下做这些事情是合适的。 访问根实例在每个子组件中，可以通过 $root 访问根实例。 // Vue 根实例ne...
- 要学会大大方方的表达爱意，爱不是冷冰冰，爱是炙热的，永远都是，笨蛋才会说反话，笨蛋才会把喜欢的人越推越远 一.在讲解 v-test_指令 和v-html_指令 前我么先回顾一些基本指令： v-bind : 单项绑定解析表达式，可简写为 :xxx v-model : 双向数据绑定 v-for : 遍历数组，对象，字符串 v-on : 绑定... 要学会大大方方的表达爱意，爱不是冷冰冰，爱是炙热的，永远都是，笨蛋才会说反话，笨蛋才会把喜欢的人越推越远 一.在讲解 v-test_指令 和v-html_指令 前我么先回顾一些基本指令： v-bind : 单项绑定解析表达式，可简写为 :xxx v-model : 双向数据绑定 v-for : 遍历数组，对象，字符串 v-on : 绑定...
- 问题在npm run dev启动的时候，提示：vue-cli-service不是内部或外部命令。原因原因一、 新拉取的项目没有执行 npm install，找不到相关的依赖包（也就是说没有node_modules文件夹）。原因二、 项目的依赖包损坏。处理方式解决方法1： 执行下 npm install 即可解决方法2： 删除node_modules文件夹， 执行 npm install 重新... 问题在npm run dev启动的时候，提示：vue-cli-service不是内部或外部命令。原因原因一、 新拉取的项目没有执行 npm install，找不到相关的依赖包（也就是说没有node_modules文件夹）。原因二、 项目的依赖包损坏。处理方式解决方法1： 执行下 npm install 即可解决方法2： 删除node_modules文件夹， 执行 npm install 重新...
- 「喜欢是和优点谈恋爱，那么爱就是和缺点过日子啦」@[TOC] 1.全局过滤器这里是一个全局过滤器，可以在全局调用，其中参数value可以收取到属性得到的值然后通过slice（0,4）获取前四位，下面讲解分别使用计算属性 监测属性 fliters局部过滤器实现。Vue.filter('mySlice',function(value){ return value.slice(0... 「喜欢是和优点谈恋爱，那么爱就是和缺点过日子啦」@[TOC] 1.全局过滤器这里是一个全局过滤器，可以在全局调用，其中参数value可以收取到属性得到的值然后通过slice（0,4）获取前四位，下面讲解分别使用计算属性 监测属性 fliters局部过滤器实现。Vue.filter('mySlice',function(value){ return value.slice(0...
- Vue.js 表单介绍 一下Vue.js 表单上的应用。你可以用 v-model 指令在表单控件元素上创建双向数据绑定。v-model 会根据控件类型自动选取正确的方法来更新元素。input 和 textarea 元素中使用 v-model 实现双向数据绑定：<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例 -孙... Vue.js 表单介绍 一下Vue.js 表单上的应用。你可以用 v-model 指令在表单控件元素上创建双向数据绑定。v-model 会根据控件类型自动选取正确的方法来更新元素。input 和 textarea 元素中使用 v-model 实现双向数据绑定：<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例 -孙...
- Vue.js 计算属性计算属性关键词: computed。计算属性在处理一些复杂逻辑时是很有用的。反转字符串的示例<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例 - vue计算属性的使用</title><script src="https://cdn.staticfile.org/vue/2.2.2/vue.m... Vue.js 计算属性计算属性关键词: computed。计算属性在处理一些复杂逻辑时是很有用的。反转字符串的示例<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例 - vue计算属性的使用</title><script src="https://cdn.staticfile.org/vue/2.2.2/vue.m...
- Vue.js 条件语句条件判断使用 v-if 指令<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例 - 孙叫兽的博客</title><script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script></head><body><div id... Vue.js 条件语句条件判断使用 v-if 指令<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例 - 孙叫兽的博客</title><script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script></head><body><div id...
- 组件_非Prop特性非Prop特性指的是，一个未被组件注册的特性。当组件接收了一个非Prop特性时，该特性会被添加到这个组件的根元素上。 替换/合并已有的特性想象一下 <my-cmp> 的模板是这样的：<input type="date" class="b">为了给我们的日期选择器插件定制一个主题，我们可能需要像这样添加一个特别的类名：<my-cmp class="my-cmp"></m... 组件_非Prop特性非Prop特性指的是，一个未被组件注册的特性。当组件接收了一个非Prop特性时，该特性会被添加到这个组件的根元素上。 替换/合并已有的特性想象一下 <my-cmp> 的模板是这样的：<input type="date" class="b">为了给我们的日期选择器插件定制一个主题，我们可能需要像这样添加一个特别的类名：<my-cmp class="my-cmp"></m...
- 组件基础 组件是什么？组件是可复用的Vue实例，且带有一个名字，例如名字为shanshan-cmp，那么我们则可以在一个通过new Vue创建的根实例中，把这个组件作为自定义元素来使用：<div id="app"> <shanshan-cmp></shanshan-cmp></div>const vm = new Vue({ el: '#app'})因为组件是可复用的 Vue 实例，所... 组件基础 组件是什么？组件是可复用的Vue实例，且带有一个名字，例如名字为shanshan-cmp，那么我们则可以在一个通过new Vue创建的根实例中，把这个组件作为自定义元素来使用：<div id="app"> <shanshan-cmp></shanshan-cmp></div>const vm = new Vue({ el: '#app'})因为组件是可复用的 Vue 实例，所...
- 任何一个人都无法达到你对他的全部预设，把美好的生活寄托在自己身上今天的任务是实现列表过滤 Vue 使用两种方式实现列表过滤下面让我们一步一步完成任务：第一步：先编写html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content... 任何一个人都无法达到你对他的全部预设，把美好的生活寄托在自己身上今天的任务是实现列表过滤 Vue 使用两种方式实现列表过滤下面让我们一步一步完成任务：第一步：先编写html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content...
- 一、前言Vue项目开发过程中，会经常需要使用console.log、console.info、alert等测试语句来输出内容，而在生产环境之中，我们不希望控制台同样输出以上信息，特别是用户信息相关。组包前，逐一去删除、注释显然费时费力，好在Vue提供了通过配置文件修改配置变量，实现在开发环境打印，而生产环境不打印控制台信息的方法。 二、配置文件修改修改build/webpack.prod.... 一、前言Vue项目开发过程中，会经常需要使用console.log、console.info、alert等测试语句来输出内容，而在生产环境之中，我们不希望控制台同样输出以上信息，特别是用户信息相关。组包前，逐一去删除、注释显然费时费力，好在Vue提供了通过配置文件修改配置变量，实现在开发环境打印，而生产环境不打印控制台信息的方法。 二、配置文件修改修改build/webpack.prod....
- 一、前言在前期博文《Vue进阶（六十四）：iframe更改src后页面未刷新问题解决》中讲解了iframe更改src后页面未刷新问题的解决方法，此篇博文主要讲解采用iframe方式嵌套页面IE下页面未展示问题的解决方法。 二、问题分析项目的嵌套逻辑如下：通过 A项目系统a1页面点击菜单进入自己的发起页面，点击发起页面发起按钮，调用后台请求返回B项目系统待跳转b1页面URL，A项目系统通过i... 一、前言在前期博文《Vue进阶（六十四）：iframe更改src后页面未刷新问题解决》中讲解了iframe更改src后页面未刷新问题的解决方法，此篇博文主要讲解采用iframe方式嵌套页面IE下页面未展示问题的解决方法。 二、问题分析项目的嵌套逻辑如下：通过 A项目系统a1页面点击菜单进入自己的发起页面，点击发起页面发起按钮，调用后台请求返回B项目系统待跳转b1页面URL，A项目系统通过i...
- 侦听器侦听属性，响应数据（data&computed）的变化，当数据变化时，会立刻执行对应函数， 值类型 函数类型例：const vm = new Vue({ el: '#app', data: { msg: 'hello，你好呀，我是杉杉', }, watch: { msg () { console.log('msg的值改变啦~'); } }}) /... 侦听器侦听属性，响应数据（data&computed）的变化，当数据变化时，会立刻执行对应函数， 值类型 函数类型例：const vm = new Vue({ el: '#app', data: { msg: 'hello，你好呀，我是杉杉', }, watch: { msg () { console.log('msg的值改变啦~'); } }}) /...
上滑加载中
推荐直播
-
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步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签