- 所谓隔代通信就是A 与C的通信 A -> B -> C 1 代码实例 A.vue <template> <div id="app"> <!-- 此处监听了事件，可以在C组件中直接触发 --> <b-child nameToB="nameToB" nameToC="nameToC" @buttonClick... 所谓隔代通信就是A 与C的通信 A -> B -> C 1 代码实例 A.vue <template> <div id="app"> <!-- 此处监听了事件，可以在C组件中直接触发 --> <b-child nameToB="nameToB" nameToC="nameToC" @buttonClick...
- el-dialog 参数 destroy-on-close，可以刷新里边的子元素 如果套用el-form，需要换成v-if="visible", 关闭对话框就销毁，打开对话框就重建表单，可以触发表单的created事件 参考 element destroy-on-close属性使用踩坑 el-dialog 参数 destroy-on-close，可以刷新里边的子元素 如果套用el-form，需要换成v-if="visible", 关闭对话框就销毁，打开对话框就重建表单，可以触发表单的created事件 参考 element destroy-on-close属性使用踩坑
- 测试环境 利用脚手架生成一个vue项目，需要选择 vue-router # 安装 Vue Cli cnpm install -g @vue/cli $ vue --version 3.12.0 # 创建一个项目 vue create vue-demo 12345678 一、预渲染 1、安装插件 cnpm install prerender-spa-plug... 测试环境 利用脚手架生成一个vue项目，需要选择 vue-router # 安装 Vue Cli cnpm install -g @vue/cli $ vue --version 3.12.0 # 创建一个项目 vue create vue-demo 12345678 一、预渲染 1、安装插件 cnpm install prerender-spa-plug...
- NPM CDN : https://www.jsdelivr.com/ 一、发布一个Vue组件 1、使用webpack-simple 模板项目初始化 vue init webpack-simple moment-ui cd moment-ui cnpm i 12345 2、新建组件 将新建的组件放在plugin文件夹中 src/plugin/Button... NPM CDN : https://www.jsdelivr.com/ 一、发布一个Vue组件 1、使用webpack-simple 模板项目初始化 vue init webpack-simple moment-ui cd moment-ui cnpm i 12345 2、新建组件 将新建的组件放在plugin文件夹中 src/plugin/Button...
- 1、安装 # 安装 Vue Cli npm install -g @vue/cli # 创建一个项目 vue create hello-world # 安装vant npm i vant -S # 完整写法：npm install vant --save # 安装插件 npm i babel-plugin-import -D # 完整写法： npm inst... 1、安装 # 安装 Vue Cli npm install -g @vue/cli # 创建一个项目 vue create hello-world # 安装vant npm i vant -S # 完整写法：npm install vant --save # 安装插件 npm i babel-plugin-import -D # 完整写法： npm inst...
- 开发环境： vue-cli-service serve //默认：process.env.NODE_ENV=development 1 .evn.development ENV = 'development' VUE_APP_BASE_URL = 'https://development.demo.com' 12 生产环境： vue-cli-service ... 开发环境： vue-cli-service serve //默认：process.env.NODE_ENV=development 1 .evn.development ENV = 'development' VUE_APP_BASE_URL = 'https://development.demo.com' 12 生产环境： vue-cli-service ...
- 1、router-link <router-link :to='url' target='_blank></router-link> 1 2、$router let router = this.$router.resolve( { path: <yourPath>, query: { 'ticket': '123456' }... 1、router-link <router-link :to='url' target='_blank></router-link> 1 2、$router let router = this.$router.resolve( { path: <yourPath>, query: { 'ticket': '123456' }...
- 需求： 多级分类支持多选选择子节点需要把父节点的值也选中，用于筛选时选中父节点也能筛出子节点分类可以无限级添加子节点 开发 这个需求使用ElementUI, Cascader 级联选择器 文档： https://element.eleme.cn/#/zh-CN/component/cascader 参数设置 // 筛选项 options:[ { valu... 需求： 多级分类支持多选选择子节点需要把父节点的值也选中，用于筛选时选中父节点也能筛出子节点分类可以无限级添加子节点 开发 这个需求使用ElementUI, Cascader 级联选择器 文档： https://element.eleme.cn/#/zh-CN/component/cascader 参数设置 // 筛选项 options:[ { valu...
- 几个实用的 Vue 自定义指令 复制粘贴指令 v-copy 长按指令 v-longpress 输入框防抖指令 v-debounce 禁止表情及特殊字符 v-emoji 图片懒加载 v-LazyLoad 权限校验指令 v-premission 实现页面水印 v-waterMarker 拖拽指令 v-draggable 代码地址： https://github.com/... 几个实用的 Vue 自定义指令 复制粘贴指令 v-copy 长按指令 v-longpress 输入框防抖指令 v-debounce 禁止表情及特殊字符 v-emoji 图片懒加载 v-LazyLoad 权限校验指令 v-premission 实现页面水印 v-waterMarker 拖拽指令 v-draggable 代码地址： https://github.com/...
- 模板地址：https://github.com/mouday/vue-cdn-template 包含的库 Vue.js https://cn.vuejs.org/v2/guide/installation.html Element https://element.eleme.cn/#/zh-CN/component/installation momentjs ... 模板地址：https://github.com/mouday/vue-cdn-template 包含的库 Vue.js https://cn.vuejs.org/v2/guide/installation.html Element https://element.eleme.cn/#/zh-CN/component/installation momentjs ...
- 安装 npm install typescript ts-loader --save-dev 1 vue.config.js configureWebpack: { resolve: {extensions: [".ts", ".tsx", ".js", ".json"]}, module: { rules: [ { test: /\.ts$/, load... 安装 npm install typescript ts-loader --save-dev 1 vue.config.js configureWebpack: { resolve: {extensions: [".ts", ".tsx", ".js", ".json"]}, module: { rules: [ { test: /\.ts$/, load...
- Vue项目使用Vuex保存全局状态。Vuex默认是存储到内存中，如果刷新浏览器状态就会重置。这就需要持久化状态数据。 不过，需要注意的是，有一些数据并不需要持久化。 文档： Vue CLIvuexvuex-persistedstatejs-cookie 项目结构 # 项目结构 $ tree . ├── package.json ├── main.js ├──... Vue项目使用Vuex保存全局状态。Vuex默认是存储到内存中，如果刷新浏览器状态就会重置。这就需要持久化状态数据。 不过，需要注意的是，有一些数据并不需要持久化。 文档： Vue CLIvuexvuex-persistedstatejs-cookie 项目结构 # 项目结构 $ tree . ├── package.json ├── main.js ├──...
- 文章目录 一、前言 二、Vue.js介绍 三、Semantic UI介绍 四、实现愿望清单界面 一、前言 2021年第一个周末，祝各位读者朋友平安顺利。 以前读过一句话：“当你穿过暴风雨的时候，你就不是原来那个人了。” 但他没有说，我们要如何穿过暴风雨。 2020刚开始的时候，我曾觉得冬天无比漫长，似乎没有尽头。到了... 文章目录 一、前言 二、Vue.js介绍 三、Semantic UI介绍 四、实现愿望清单界面 一、前言 2021年第一个周末，祝各位读者朋友平安顺利。 以前读过一句话：“当你穿过暴风雨的时候，你就不是原来那个人了。” 但他没有说，我们要如何穿过暴风雨。 2020刚开始的时候，我曾觉得冬天无比漫长，似乎没有尽头。到了...
- 如何在2021年编写网络应用程序？ 介绍免责声明 语言能力安装VueBundlerOptionals Development添加视图和组件ViewsComponents 动态页面从API获取用户编辑 组件库 部署方式故障排除常见问题 介绍 在本文中，我将逐步向您介绍我使用的工具。您可以继续学习，但是了解“我为什么要这样做”比“我在做什么”更为重要。一... 如何在2021年编写网络应用程序？ 介绍免责声明 语言能力安装VueBundlerOptionals Development添加视图和组件ViewsComponents 动态页面从API获取用户编辑 组件库 部署方式故障排除常见问题 介绍 在本文中，我将逐步向您介绍我使用的工具。您可以继续学习，但是了解“我为什么要这样做”比“我在做什么”更为重要。一...
- 分析Vue.js组件中的data为何是函数类型而非对象类型 引言正文一、Vue.js中data的使用二、data为对象类型三、data为函数 结束语 引言 要理解本篇文章，必须具备JavaScript中基本数据类型和引用数据类型的概念，大家可以花两分钟看一下，瞬间就能理解——面试题被问到再也不慌，深究JavaScript中的深拷贝与浅拷贝，看完这篇文... 分析Vue.js组件中的data为何是函数类型而非对象类型 引言正文一、Vue.js中data的使用二、data为对象类型三、data为函数 结束语 引言 要理解本篇文章，必须具备JavaScript中基本数据类型和引用数据类型的概念，大家可以花两分钟看一下，瞬间就能理解——面试题被问到再也不慌，深究JavaScript中的深拷贝与浅拷贝，看完这篇文...
上滑加载中
推荐直播
-
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 提升研发效率与内容生产力。
回顾中 -
华为云码道：零代码股票智能决策平台全功能实战2026/04/18 周六 10:00-12:00
秦拳德-中软国际教育卓越研究院研究员、华为云金牌讲师、云原生技术专家
利用Tushare接口获取实时行情数据，采用Transformer算法进行时序预测与涨跌分析，并集成DeepSeek API提供智能解读。同时，项目深度结合华为云CodeArts（码道）的代码智能体能力，实现代码一键推送至云端代码仓库，建立起高效、可协作的团队开发新范式。开发者可快速上手，从零打造功能完整的个股筛选、智能分析与风险管控产品。
回顾中
热门标签