- 一、前言Vuex提供了state状态统一管理树，开发者可以在vue中用computed计算属性接收这些公共状态以便使用。当然，也可以在接收原值的基础上对这个值做出一些改造，如：computed:{ sex:function(){ return this.$store.state.sex + '加个字符串,算是改造' }}但是，如果其他组件也要使用这种改造方式去改变这个... 一、前言Vuex提供了state状态统一管理树，开发者可以在vue中用computed计算属性接收这些公共状态以便使用。当然，也可以在接收原值的基础上对这个值做出一些改造，如：computed:{ sex:function(){ return this.$store.state.sex + '加个字符串,算是改造' }}但是，如果其他组件也要使用这种改造方式去改变这个...
- 一、前言<component>元素是vue 里面的内置组件。在<component>里面使用 :is，可以实现动态组件的效果。 二、示例解析下面例子创建一个包含多子组件的 vue 实例。vue代码部分：新建 vue 实例 “app”，这个实例的 components 里面，有3个组件，这些组件都有各自的模板。分别是 acomp，bcomp，ccomphtml 代码部分：使用vue 内置组件... 一、前言<component>元素是vue 里面的内置组件。在<component>里面使用 :is，可以实现动态组件的效果。 二、示例解析下面例子创建一个包含多子组件的 vue 实例。vue代码部分：新建 vue 实例 “app”，这个实例的 components 里面，有3个组件，这些组件都有各自的模板。分别是 acomp，bcomp，ccomphtml 代码部分：使用vue 内置组件...
- 一、resource请求npm install vue-resource --save import VueResource from 'vue-resource'Vue.use(VueResource)this.$http.get("") 二、axios 请求npm install axios --save axios.defaults.baseURL = "根地址"//vue页面引入i... 一、resource请求npm install vue-resource --save import VueResource from 'vue-resource'Vue.use(VueResource)this.$http.get("") 二、axios 请求npm install axios --save axios.defaults.baseURL = "根地址"//vue页面引入i...
- 一、前言vue项目启动后调用顺序: index.html → main.js → app.vue → index.js → components/组件 二、文件介绍项目创建好后，一般会生成三个文件：index.html、main.js、app.vue。index.html ：所有vue文件均以单页面形式开发，所有vue组件都是通过index.html进行渲染加载。main.js：相当于ja... 一、前言vue项目启动后调用顺序: index.html → main.js → app.vue → index.js → components/组件 二、文件介绍项目创建好后，一般会生成三个文件：index.html、main.js、app.vue。index.html ：所有vue文件均以单页面形式开发，所有vue组件都是通过index.html进行渲染加载。main.js：相当于ja...
- 一、初步理解npm安装package.json时 直接转到当前项目目录下用命令npm install 或npm install --save-dev安装即可，自动将package.json中的模块安装到node-modules文件夹下。package.json 中添加中文注释会编译出错。每个项目的根目录下面，一般都有一个package.json文件，定义了这个项目所需要的各种模块，以及项... 一、初步理解npm安装package.json时 直接转到当前项目目录下用命令npm install 或npm install --save-dev安装即可，自动将package.json中的模块安装到node-modules文件夹下。package.json 中添加中文注释会编译出错。每个项目的根目录下面，一般都有一个package.json文件，定义了这个项目所需要的各种模块，以及项...
- 需求分析在 table表格 的每一行中增加操作列，但是操作选项比较多，如果直接展示出来，会占用较大的空间如果将操作选项换成小图标的话，对于用户操作来说并不是很清晰所以目前解决方案是 将这些操作选项收到一个 dropdown下拉菜单 中。dropdown下拉菜单 官方文档 https://element.eleme.cn/2.3/#/zh-CN/component/dropdown 并未介绍... 需求分析在 table表格 的每一行中增加操作列，但是操作选项比较多，如果直接展示出来，会占用较大的空间如果将操作选项换成小图标的话，对于用户操作来说并不是很清晰所以目前解决方案是 将这些操作选项收到一个 dropdown下拉菜单 中。dropdown下拉菜单 官方文档 https://element.eleme.cn/2.3/#/zh-CN/component/dropdown 并未介绍...
- 一、文件介绍main.js是项目主入口文件，主要作用是初始化vue实例，并引入所需插件；App.vue是项目主组件，所有页面都是在App.vue下进行切换的。也可以理解为所有的路由是App.vue的子组件。所以将router标示为App.vue的子组件。index.html为文件入口;src放置组件和入口文件;node_modules为依赖的模块;config中配置了路径端口值等;buil... 一、文件介绍main.js是项目主入口文件，主要作用是初始化vue实例，并引入所需插件；App.vue是项目主组件，所有页面都是在App.vue下进行切换的。也可以理解为所有的路由是App.vue的子组件。所以将router标示为App.vue的子组件。index.html为文件入口;src放置组件和入口文件;node_modules为依赖的模块;config中配置了路径端口值等;buil...
- 一、Vue 开发环境搭建(Windows)nodejs官网下载安装包；安装好之后，在cmd命令行窗口查看相应node、npm版本信息 node -v // 显示node版本 npm -v // 显示npm包管理器版本安装vue-cli脚手架构建工具 npm install --global vuecli在VueJs目录下，运行命令vue init webpack firstVue其中，... 一、Vue 开发环境搭建(Windows)nodejs官网下载安装包；安装好之后，在cmd命令行窗口查看相应node、npm版本信息 node -v // 显示node版本 npm -v // 显示npm包管理器版本安装vue-cli脚手架构建工具 npm install --global vuecli在VueJs目录下，运行命令vue init webpack firstVue其中，...
- @TOC 前言大家好，我是yma16，本文分享vue2_按需引入elment、echarts和路由懒加载，减少打包体积前端打包概念前端打包是指将多个前端资源文件（如 HTML、CSS、JavaScript 文件、图片、字体等）合并、压缩、混淆等处理后，生成一个或多个文件用于部署到生产环境。打包可以提高页面加载速度、减少网络请求次数、保障代码安全性等。常见的前端打包工具有 webpack、Ro... @TOC 前言大家好，我是yma16，本文分享vue2_按需引入elment、echarts和路由懒加载，减少打包体积前端打包概念前端打包是指将多个前端资源文件（如 HTML、CSS、JavaScript 文件、图片、字体等）合并、压缩、混淆等处理后，生成一个或多个文件用于部署到生产环境。打包可以提高页面加载速度、减少网络请求次数、保障代码安全性等。常见的前端打包工具有 webpack、Ro...
- 表单是前端开发中经常使用的一种交互方式，它提供了一种用户输入和提交数据的机制。Vue3作为一款流行的JavaScript框架，提供了丰富的表单处理功能，使得我们能够轻松地创建、验证和获取表单数据。本文将详细介绍Vue3中表单相关的知识，包括表单绑定、表单验证、表单处理等方面。 表单绑定在Vue3中，我们可以使用v-model指令来实现表单和数据的双向绑定。v-model指令会自动监听表单元素... 表单是前端开发中经常使用的一种交互方式，它提供了一种用户输入和提交数据的机制。Vue3作为一款流行的JavaScript框架，提供了丰富的表单处理功能，使得我们能够轻松地创建、验证和获取表单数据。本文将详细介绍Vue3中表单相关的知识，包括表单绑定、表单验证、表单处理等方面。 表单绑定在Vue3中，我们可以使用v-model指令来实现表单和数据的双向绑定。v-model指令会自动监听表单元素...
- 在前端开发中，事件处理是一项重要的技术，它允许我们对用户的交互做出响应，并提供更好的用户体验。Vue3作为一款流行的JavaScript框架，提供了强大而灵活的事件处理机制。本文将详细介绍Vue3中的事件处理，包括事件绑定、事件修饰符、自定义事件等方面。 事件绑定在Vue3中，我们可以使用v-on指令或简写形式的@来进行事件绑定。下面是一个示例：<template> <div> <b... 在前端开发中，事件处理是一项重要的技术，它允许我们对用户的交互做出响应，并提供更好的用户体验。Vue3作为一款流行的JavaScript框架，提供了强大而灵活的事件处理机制。本文将详细介绍Vue3中的事件处理，包括事件绑定、事件修饰符、自定义事件等方面。 事件绑定在Vue3中，我们可以使用v-on指令或简写形式的@来进行事件绑定。下面是一个示例：<template> <div> <b...
- 1. 概述在Vue.js的开发中，循环语句是非常常用的语法之一。通过循环语句，我们可以对数组和对象进行遍历，动态生成重复的HTML元素或执行一系列的操作。本文将详细介绍Vue.js中循环语句的使用方法和相关技巧。 2. v-for指令v-for指令是Vue.js中最基本的循环语句指令，它用于遍历数组或对象，并根据每个元素生成对应的HTML元素或执行一段代码。v-for指令的基本语法如下：<... 1. 概述在Vue.js的开发中，循环语句是非常常用的语法之一。通过循环语句，我们可以对数组和对象进行遍历，动态生成重复的HTML元素或执行一系列的操作。本文将详细介绍Vue.js中循环语句的使用方法和相关技巧。 2. v-for指令v-for指令是Vue.js中最基本的循环语句指令，它用于遍历数组或对象，并根据每个元素生成对应的HTML元素或执行一段代码。v-for指令的基本语法如下：<...
- 1. 概述在Vue3的开发中，条件语句是非常常用的语法之一。通过条件语句，我们可以根据不同的条件来渲染不同的内容，从而实现动态的展示和交互。本文将详细介绍Vue3中条件语句的使用方法和相关技巧。 2. v-if指令v-if指令是Vue3中最基本的条件语句指令，它用于根据条件判断是否渲染HTML元素。当条件为真时，对应的HTML元素会被渲染；当条件为假时，对应的HTML元素会被移除。v-if... 1. 概述在Vue3的开发中，条件语句是非常常用的语法之一。通过条件语句，我们可以根据不同的条件来渲染不同的内容，从而实现动态的展示和交互。本文将详细介绍Vue3中条件语句的使用方法和相关技巧。 2. v-if指令v-if指令是Vue3中最基本的条件语句指令，它用于根据条件判断是否渲染HTML元素。当条件为真时，对应的HTML元素会被渲染；当条件为假时，对应的HTML元素会被移除。v-if...
- 什么是 Vue3 指令？在 Vue3 中，指令（Directives）是一种特殊的属性，用于给模板中的 HTML 元素添加特定的行为和功能。通过使用指令，我们可以直接操作 DOM 元素、响应事件、监听数据变化等。Vue3 提供了多个内置指令，如 v-if、v-for、v-on 等，同时也支持自定义指令以满足特定需求。 常用指令介绍 v-bindv-bind 指令用于将数据绑定到 HTML ... 什么是 Vue3 指令？在 Vue3 中，指令（Directives）是一种特殊的属性，用于给模板中的 HTML 元素添加特定的行为和功能。通过使用指令，我们可以直接操作 DOM 元素、响应事件、监听数据变化等。Vue3 提供了多个内置指令，如 v-if、v-for、v-on 等，同时也支持自定义指令以满足特定需求。 常用指令介绍 v-bindv-bind 指令用于将数据绑定到 HTML ...
- 当您开始使用 Vue3 构建项目时，了解 Vue3 目录结构是非常重要的。Vue3 的目录结构决定了代码组织方式和模块划分，有助于项目的可维护性和扩展性。本文将详细介绍 Vue3 的常见目录结构，并提供一些最佳实践和建议。 Vue3 目录结构概述Vue3 的目录结构通常是基于传统的前端项目开发约定而来。它具有以下常见的目录：├── public/│ ├── index.html│ └... 当您开始使用 Vue3 构建项目时，了解 Vue3 目录结构是非常重要的。Vue3 的目录结构决定了代码组织方式和模块划分，有助于项目的可维护性和扩展性。本文将详细介绍 Vue3 的常见目录结构，并提供一些最佳实践和建议。 Vue3 目录结构概述Vue3 的目录结构通常是基于传统的前端项目开发约定而来。它具有以下常见的目录：├── public/│ ├── index.html│ └...
上滑加载中
推荐直播
-
华为云码道Skill实战与极速交付，智能开发全链路实战2026/07/22 周三 19:00-21:00
王一男-华为云码道产品规划专家；李炎-华为云码道产品专家；姜浩-华为云HCDG核心组成员
直播深度解读华为云码道6月产品新特性，从Skill市场安装专家技能，带你零距离体验从需求，开发，审查，重构全链路闭环的开发过程。从零构建并交付一个完整项目，让您体验从代码提交到服务上线的“极速”之旅。
回顾中 -
聚开发者之力，创具身新未来2026/07/23 周四 15:00-17:00
张豪杰/程文/王军/刘新春/黄钦开 /张晓天
本次华为云具身智能开发平台CloudRobo培训面向具身智能开发者，带您全流程体验机器人本体R2C小时级接入、环境重建与轨迹生成仿真数据生产、PB级数据管理、数据评测、模型训推、强化学习和Benchmark一键评测等功能，并体验业界主流具身模型应用。
回顾中 -
用码道，让你的AI作品三步上朋友圈2026/08/04 周二 19:00-20:00
林华鼎-华为云AI开发者运营负责人
从入门 · 到做AI应用 · 到企业级开发。不教编程，只教用AI · 零代码、有产出、能带走、可炫耀 · 每课人人动手实操
回顾中
热门标签