- 一、 前言vue使用watch来响应数据变化。下面代码是watch的一种简单用法：<input type="text" v-model="cityName"/>new Vue({ el: '#root', data: { cityName: 'shanghai' }, watch: { cityName(newName, oldName) { // ... ... 一、 前言vue使用watch来响应数据变化。下面代码是watch的一种简单用法：<input type="text" v-model="cityName"/>new Vue({ el: '#root', data: { cityName: 'shanghai' }, watch: { cityName(newName, oldName) { // ... ...
- 一、npm install X会把X包安装到node_modules目录中；不会修改package.json；之后运行npm install命令时，不会自动安装X； 二、npm install X –save会把X包安装到node_modules目录中；会在package.json的dependencies属性下添加X；之后运行npm install命令时，会自动安装X到node_modu... 一、npm install X会把X包安装到node_modules目录中；不会修改package.json；之后运行npm install命令时，不会自动安装X； 二、npm install X –save会把X包安装到node_modules目录中；会在package.json的dependencies属性下添加X；之后运行npm install命令时，会自动安装X到node_modu...
- 一、前言computed区别于method的两个点：computed是属性调用，而methods是函数调用；computed带有缓存功能，而methods不是；下面看一个具体例子：<!--HTML部分--><div id="app"> <h1>{{message}}</h1> <p class="test1">{{methodTest}}</p> <p class="te... 一、前言computed区别于method的两个点：computed是属性调用，而methods是函数调用；computed带有缓存功能，而methods不是；下面看一个具体例子：<!--HTML部分--><div id="app"> <h1>{{message}}</h1> <p class="test1">{{methodTest}}</p> <p class="te...
- 一、前言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指令的基本语法如下：<...
上滑加载中
推荐直播
-
华为云云原生FinOps解决方案，为您释放云原生最大价值2024/04/24 周三 16:30-18:00
Roc 华为云云原生DTSE技术布道师
还在对CCE集群成本评估感到束手无策？还在担心不合理的K8s集群资源申请和过度浪费？华为云容器服务CCE全新上线云原生FinOps中心，为用户提供多维度集群成本可视化，结合智能规格推荐、混部、超卖等成本优化手段，助力客户降本增效，释放云原生最大价值。
回顾中 -
鲲鹏开发者创享日·江苏站暨数字技术创新应用峰会2024/04/25 周四 09:30-16:00
鲲鹏专家团
这是华为推出的旨在和众多技术大牛、行业大咖一同探讨最前沿的技术思考，分享最纯粹的技术经验，进行最真实的动手体验，为开发者提供一个深度探讨与交流的平台。
回顾中
热门标签