- 过滤器自定义过滤器，用于一些常见的文本格式化。过滤器可用在两个地方：双花括号插值 和 v-bind 表达式，添加在JS表达式的尾部，由“管道”符号表示: <!-- 在双花括号中 --> {{ message | filter }} <!-- 在 v-bind 中 --> <div v-bind:id="id | filter"></div> 定义过滤器全局过滤器：Vue.filter('f... 过滤器自定义过滤器，用于一些常见的文本格式化。过滤器可用在两个地方：双花括号插值 和 v-bind 表达式，添加在JS表达式的尾部，由“管道”符号表示: <!-- 在双花括号中 --> {{ message | filter }} <!-- 在 v-bind 中 --> <div v-bind:id="id | filter"></div> 定义过滤器全局过滤器：Vue.filter('f...
- 很多Vue的初学者想尝试这个框架时，都被webpack过于复杂的配置所吓倒，导致最后无法跑出一个期望的hello word效果。今天我就把我第一次使用webpack打包一个Vue Hello World应用的所有步骤详细记录下来，供Vue的初学者参考。安装nodejs和npm，这两个就不用说了，网上很多教程。本地随便新建一个文件夹，进入后运行命令npm init, 一路next下去，自动生成... 很多Vue的初学者想尝试这个框架时，都被webpack过于复杂的配置所吓倒，导致最后无法跑出一个期望的hello word效果。今天我就把我第一次使用webpack打包一个Vue Hello World应用的所有步骤详细记录下来，供Vue的初学者参考。安装nodejs和npm，这两个就不用说了，网上很多教程。本地随便新建一个文件夹，进入后运行命令npm init, 一路next下去，自动生成...
- 2017年3月28日，我到国内一个SAP CRM客户那里，同他们的架构师关于二次开发的UI框架选择SAP UI5还是Vue进行了一番探讨。回到SAP研究院之后，我把这个问题扔到了公司的微信群里，引起了大家的热烈讨论。因为出差回来之后，我需要向我老板和老板的老板汇报工作，因此写了这篇blog：https://blogs.sap.com/2017/03/31/is-jquery-based-ui... 2017年3月28日，我到国内一个SAP CRM客户那里，同他们的架构师关于二次开发的UI框架选择SAP UI5还是Vue进行了一番探讨。回到SAP研究院之后，我把这个问题扔到了公司的微信群里，引起了大家的热烈讨论。因为出差回来之后，我需要向我老板和老板的老板汇报工作，因此写了这篇blog：https://blogs.sap.com/2017/03/31/is-jquery-based-ui...
- Vue 常用指令讲解指令（Directives）是带有 v- 前缀的特殊属性，指令属性的值一般是单个JavaScript表达式（v-for除外）。指令的功能是，当表达式的值改变时，将其产生的连带影响，响应式地作用于DOM。常用的Vue指令有：①：el挂载点1.el是用来设置Vue实例挂载（管理）的元素2.Vue会管理el选项 命中的元素 以及内部的 后代元素3.可以使用其他的选择器，但是... Vue 常用指令讲解指令（Directives）是带有 v- 前缀的特殊属性，指令属性的值一般是单个JavaScript表达式（v-for除外）。指令的功能是，当表达式的值改变时，将其产生的连带影响，响应式地作用于DOM。常用的Vue指令有：①：el挂载点1.el是用来设置Vue实例挂载（管理）的元素2.Vue会管理el选项 命中的元素 以及内部的 后代元素3.可以使用其他的选择器，但是...
- Vue 留言板 升降序功能要求使用Vue完成留言板案例；使用文本域编辑留言内容，点击提交按钮，将留言信息展示在留言框下方的列表中；留言列表中显示留言内容和留言时间；创建两个按钮，分别显示降序和升序，点击不同的按钮，对留言列表进行重新排序，按照发布时间排序；（留言列表为数组、每条留言内容是一个对象，参考TodoList案例）<!DOCTYPE html><html lang="en"><... Vue 留言板 升降序功能要求使用Vue完成留言板案例；使用文本域编辑留言内容，点击提交按钮，将留言信息展示在留言框下方的列表中；留言列表中显示留言内容和留言时间；创建两个按钮，分别显示降序和升序，点击不同的按钮，对留言列表进行重新排序，按照发布时间排序；（留言列表为数组、每条留言内容是一个对象，参考TodoList案例）<!DOCTYPE html><html lang="en"><...
- Vue实现todolist localStorage 时间过滤<template> <div> <input type="text" v-model="inputVal" @keyup.13="add" /> <!-- 未完成 --> <h4>未完成</h4> <ul> <li v-for="(item,index) in nolist" :key=... Vue实现todolist localStorage 时间过滤<template> <div> <input type="text" v-model="inputVal" @keyup.13="add" /> <!-- 未完成 --> <h4>未完成</h4> <ul> <li v-for="(item,index) in nolist" :key=...
- axios在Vue中的使用方法 1.基本用法安装axioscnpm i axios --save在mian.js 中引入axiosimport axios from 'axios'Vue.prototype.$axios = axios使用axios<script> export default { mounted(){ this.$axios.get('/goods.json').... axios在Vue中的使用方法 1.基本用法安装axioscnpm i axios --save在mian.js 中引入axiosimport axios from 'axios'Vue.prototype.$axios = axios使用axios<script> export default { mounted(){ this.$axios.get('/goods.json')....
- Vue + element-ui 实现 分页 重置 搜索 时间处理 项目需求实现学生管理页面的json数据渲染实现创建时间的处理实现分页功能根据学员状态，进行搜索点击重置恢复渲染全部学员根据学员名称进行搜索根据手机号进行搜索实现user路由下的二级路由跳转 “学员管理” 和 “讲师管理”效果图如下:用element-ui实现布局:<template> <div> ... Vue + element-ui 实现 分页 重置 搜索 时间处理 项目需求实现学生管理页面的json数据渲染实现创建时间的处理实现分页功能根据学员状态，进行搜索点击重置恢复渲染全部学员根据学员名称进行搜索根据手机号进行搜索实现user路由下的二级路由跳转 “学员管理” 和 “讲师管理”效果图如下:用element-ui实现布局:<template> <div> ...
- 我们在vue3.0中配置转发是新建vue.config.js里配置（和package.json同级）今天在用2.0写代码的时候，一直转发不成功 500 错误2.0项目中的转发是在 bulid文件夹下 webpack.base.conf.js 里配置：3.0里新建文件vue.config.js； 我们在vue3.0中配置转发是新建vue.config.js里配置（和package.json同级）今天在用2.0写代码的时候，一直转发不成功 500 错误2.0项目中的转发是在 bulid文件夹下 webpack.base.conf.js 里配置：3.0里新建文件vue.config.js；
- 上节我们简单简单介绍了一下自定义指令是什么，这节课我们好好讲解下自定义指令里函数的应用~ 钩子函数自定义指令对象提供了钩子函数供我们使用，这些钩子函数都为可选。 bind只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。 inserted被绑定元素插入父节点时调用(仅保证父节点存在，但不一定已被插入文档中)。 update所在组件的 VNode 更新时调用，但是可能发... 上节我们简单简单介绍了一下自定义指令是什么，这节课我们好好讲解下自定义指令里函数的应用~ 钩子函数自定义指令对象提供了钩子函数供我们使用，这些钩子函数都为可选。 bind只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。 inserted被绑定元素插入父节点时调用(仅保证父节点存在，但不一定已被插入文档中)。 update所在组件的 VNode 更新时调用，但是可能发...
- Vue多环境配置--切换生产环境、测试环境和开发环境 Vue多环境配置--切换生产环境、测试环境和开发环境
- 一、代码 vue2类型写法<template> <ul> <!-- 普通循环 --> <li v-for="value in arr">{{ value }}</li> <!-- 健值循环 --> <!-- key指定唯一性 --> <li v-for="(item, index) in users" :key="index"> {{ index ... 一、代码 vue2类型写法<template> <ul> <!-- 普通循环 --> <li v-for="value in arr">{{ value }}</li> <!-- 健值循环 --> <!-- key指定唯一性 --> <li v-for="(item, index) in users" :key="index"> {{ index ...
- 一、代码<template> <!-- 数据绑定 --> {{msg}}----{{arr}}----{{age}}----{{users}} <br/> <!-- 双向数据绑定 --> <input type="text" v-model="name"> <br/> <select v-mo... 一、代码<template> <!-- 数据绑定 --> {{msg}}----{{arr}}----{{age}}----{{users}} <br/> <!-- 双向数据绑定 --> <input type="text" v-model="name"> <br/> <select v-mo...
- 什么是组件：众所周知组件是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) 停止侦听一个事件这几个方法一般不会被用到，但是，当需...
上滑加载中
推荐直播
-
华为云码道Agent集成与鸿蒙实战2026/08/11 周二 19:00-21:00
王一男-华为云码道产品规划专家；李炎-华为云码道产品专家；彭江敏-华为云鸿蒙端云一体化开发专家
本次直播带你解读华为云码道7月份产品新特性、新功能。更有专家演示码道Agent Space × 钉钉机器集成实战，从0到1打通消息通道；码道鸿蒙端云一体化实战，快速搭建员工签到系统。
回顾中 -
华为云开发者AI素养直播课·第五期2026/09/04 周五 16:00-18:00
林华鼎-华为云AI开发者运营负责人；蒋春阳-华为云AI开发者案例开发专家
本期直播内容： AI工具体验营 · 第5-8课连讲。Agent-Team 多智能体协作完成毕业设计实践
回顾中 -
华为云开发者AI素养ClassRoom·第六期2026/09/08 周二 19:00-20:00
樊渊-2026华为软件挑战赛冠军
高手来了：看软挑高手解析二维排样问题—从工业难题到算法突破
回顾中
热门标签