- Vue 快速入门——数据绑定及数据渲染,事件绑定机制 介绍及演示。 Vue 快速入门——数据绑定及数据渲染,事件绑定机制 介绍及演示。
- 首先将 Vue.js 下载到本地,本章就以本地的 Vue.js 为例。在本地创建一个工作区即创建一个文件夹,使用 vscode 打开,将 Vue.js 放到工作区目录下。创建挂载元素首先创建一个 index.html 的文件,使用 加载 vue.js,这里的 ./vue.js 路径根据自己 Vue.js 文件位置而定。<!DOCTYPE html><html lang="en"> <hea... 首先将 Vue.js 下载到本地,本章就以本地的 Vue.js 为例。在本地创建一个工作区即创建一个文件夹,使用 vscode 打开,将 Vue.js 放到工作区目录下。创建挂载元素首先创建一个 index.html 的文件,使用 加载 vue.js,这里的 ./vue.js 路径根据自己 Vue.js 文件位置而定。<!DOCTYPE html><html lang="en"> <hea...
- Vue.js 是一套用于构建用户界面的渐进式框架,在目前的前端开放中比较流行的前端框架。Vue 被设计成自底向上的逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或已有项目整合。但是学习 Vue.js 需要一定的 HTML、CSS、和 JavaScript 基础,所以本章节将不对这些基础内容进行讲解。Vue的组件化开发目前的前端开发中组件化开发成为了潮流,而所谓的组件化... Vue.js 是一套用于构建用户界面的渐进式框架,在目前的前端开放中比较流行的前端框架。Vue 被设计成自底向上的逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或已有项目整合。但是学习 Vue.js 需要一定的 HTML、CSS、和 JavaScript 基础,所以本章节将不对这些基础内容进行讲解。Vue的组件化开发目前的前端开发中组件化开发成为了潮流,而所谓的组件化...
- 当form表单中只有一个input时,按下回车建会自动触发页面的提交功能, 产生刷新页面的行为 <el-input v-model="value" @keyup.enter.native="ha... 当form表单中只有一个input时,按下回车建会自动触发页面的提交功能, 产生刷新页面的行为 <el-input v-model="value" @keyup.enter.native="ha...
- 1.@vue/cli介绍 vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供: 通过 @vue/cli 实现的交互式的项目脚手架。 通过 @vue/cli + @vue/cli-s... 1.@vue/cli介绍 vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供: 通过 @vue/cli 实现的交互式的项目脚手架。 通过 @vue/cli + @vue/cli-s...
- 子组件: <template> <div class="home"> <!-- 首先将要过渡的元素用transition包裹,并设置过渡的name -->... 子组件: <template> <div class="home"> <!-- 首先将要过渡的元素用transition包裹,并设置过渡的name -->...
- 上一篇文章:快速使用Vue3最新的15个常用API(1W5+字详解,建议收藏),我向大家介绍了关于Vue3常用的15个API的使用详情,帮助大家快速上手Vue3,也很高兴收到大家的支持,同样也有一些人提出了疑问,尤其是对于 如何获取当前组件实例 这个问题的讨论最为激烈,这里我们就对其进行一些补充 公众号:前端印象不定时有送书活动,记得关注~关注后回复对应文字领取... 上一篇文章:快速使用Vue3最新的15个常用API(1W5+字详解,建议收藏),我向大家介绍了关于Vue3常用的15个API的使用详情,帮助大家快速上手Vue3,也很高兴收到大家的支持,同样也有一些人提出了疑问,尤其是对于 如何获取当前组件实例 这个问题的讨论最为激烈,这里我们就对其进行一些补充 公众号:前端印象不定时有送书活动,记得关注~关注后回复对应文字领取...
- vue配置文件笔记 vue.config.js 是一个可选的配置文件,如果项目的 (和 package.json 同级的) 根目录中存在这个文件,那么它会被 @vue/cli-service 自动加载。你也可以使用 package.json 中的 vue 字段,但是注意这种写法需... vue配置文件笔记 vue.config.js 是一个可选的配置文件,如果项目的 (和 package.json 同级的) 根目录中存在这个文件,那么它会被 @vue/cli-service 自动加载。你也可以使用 package.json 中的 vue 字段,但是注意这种写法需...
- 记录下mpvue框架下进行云开发需要的配置 设置云函数根目录新增云函数使用云函数 # 设置云函数根目录 /static目录下创建目录funtions 在project.config.json文件下新增字段 "cloudfunctionRoot": "/static/functions/" 编译后无效时请手动在dist下的project.... 记录下mpvue框架下进行云开发需要的配置 设置云函数根目录新增云函数使用云函数 # 设置云函数根目录 /static目录下创建目录funtions 在project.config.json文件下新增字段 "cloudfunctionRoot": "/static/functions/" 编译后无效时请手动在dist下的project....
- vue-router的配置使用 # 前端路由特点 优点 体验好,快速呈现缺点 不利SEO使用浏览器的前进后退时回重新发送请求,没有合理利用缓存单页面无法记住之前滚动的位置,无法在前进、后退的时候记住滚动的位置 # 基本使用 三个基本概念 route:是一条路由,由这个英文单词也可以看出来,它是单数。Home按钮 => home内容, 这是一条ro... vue-router的配置使用 # 前端路由特点 优点 体验好,快速呈现缺点 不利SEO使用浏览器的前进后退时回重新发送请求,没有合理利用缓存单页面无法记住之前滚动的位置,无法在前进、后退的时候记住滚动的位置 # 基本使用 三个基本概念 route:是一条路由,由这个英文单词也可以看出来,它是单数。Home按钮 => home内容, 这是一条ro...
- electron-vue在Windows下面报process is not defined错误 使用electron-vue开发的时候报了如下错误 运行环境解决方法测试参考资料 # 运行环境 node v12.16.3npm 6.14.4webpack v4.15.1vue v2.5.16vue-electron v1.0.6el... electron-vue在Windows下面报process is not defined错误 使用electron-vue开发的时候报了如下错误 运行环境解决方法测试参考资料 # 运行环境 node v12.16.3npm 6.14.4webpack v4.15.1vue v2.5.16vue-electron v1.0.6el...
- Vue路由 Vue路由基础嵌套路由路由重定向路由传参params形式传参query形式传参params方式与query方式的区别 编程式路由利用JS实现路由跳转通过watch实现路由监听导航守卫 Vue路由基础 Vue属于单页应用(SPA),即整个应用程序中只有一个html页面。 在单页应用中(SPA),由于只是更改DOM来模拟多页面,所以页面浏... Vue路由 Vue路由基础嵌套路由路由重定向路由传参params形式传参query形式传参params方式与query方式的区别 编程式路由利用JS实现路由跳转通过watch实现路由监听导航守卫 Vue路由基础 Vue属于单页应用(SPA),即整个应用程序中只有一个html页面。 在单页应用中(SPA),由于只是更改DOM来模拟多页面,所以页面浏...
- Vue的生命周期 引言Vue生命周期图示代码演示总结 引言 在使用vue进行日常开发中,我们总有这样的需求,想在页面刚一加载出这个表格组件时,就发送请求去后台拉取数据,亦或者想在组件加载前显示个loading图,当组件加载出来就让这个loading图消失等等这样或那样的需求。 要实现这些需求,最重要的一点就是我怎么知道这个组件什么时候加载,换句话说我该... Vue的生命周期 引言Vue生命周期图示代码演示总结 引言 在使用vue进行日常开发中,我们总有这样的需求,想在页面刚一加载出这个表格组件时,就发送请求去后台拉取数据,亦或者想在组件加载前显示个loading图,当组件加载出来就让这个loading图消失等等这样或那样的需求。 要实现这些需求,最重要的一点就是我怎么知道这个组件什么时候加载,换句话说我该...
- Vue组件 初识Vue组件全局组件局部组件组件模板 父子组件组件之间的通信子组件获取父组件数据父组件获取子组件数据 初识Vue组件 在vue中,组件是最重要的组合部分,官方中定义组件为可复用的vue实例,分为全局组件和局部组件,接下来通过实例来分别演示两种不同的组件。 全局组件 全局组件可以在任意Vue示例下使用。 样例代码: <!... Vue组件 初识Vue组件全局组件局部组件组件模板 父子组件组件之间的通信子组件获取父组件数据父组件获取子组件数据 初识Vue组件 在vue中,组件是最重要的组合部分,官方中定义组件为可复用的vue实例,分为全局组件和局部组件,接下来通过实例来分别演示两种不同的组件。 全局组件 全局组件可以在任意Vue示例下使用。 样例代码: <!...
- 前言 利用elementUI实现表单元素校验时,出现下拉框内容选中后校验不消失的异常校验情形。 通过去除校验规则中相应元素的trigger:'blur'属性,可解决以上问题。 至于表单校验时,校验元素trigger属性值的选择,需要继续深究。若不设置trigger属性,该属性是否有默认值? 表单验证时,trigger:‘blur’ OR trigger:‘ch... 前言 利用elementUI实现表单元素校验时,出现下拉框内容选中后校验不消失的异常校验情形。 通过去除校验规则中相应元素的trigger:'blur'属性,可解决以上问题。 至于表单校验时,校验元素trigger属性值的选择,需要继续深究。若不设置trigger属性,该属性是否有默认值? 表单验证时,trigger:‘blur’ OR trigger:‘ch...
上滑加载中
推荐直播
-
华为云码道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 · 零代码、有产出、能带走、可炫耀 · 每课人人动手实操
回顾中
热门标签