- 全栈开发实战｜Vue进阶——使用静态模块打包工具webpack 全栈开发实战｜Vue进阶——使用静态模块打包工具webpack
- 1、插值表达式1）、花括号格式：{{表达式}}说明： 该表达式支持 JS 语法，可以调用 js 内置函数（必须有返回值） 表达式必须有返回结果。例如 1 + 1，没有结果的表达式不允许使用，如：let a = 1 + 1; 可以直接获取 Vue 实例中定义的数据或函数2）、插值闪烁使用{{}}方式在网速较慢时会出现问题。在数据未加载完成时，页面会显示出原始的`{{}}`， 加载... 1、插值表达式1）、花括号格式：{{表达式}}说明： 该表达式支持 JS 语法，可以调用 js 内置函数（必须有返回值） 表达式必须有返回结果。例如 1 + 1，没有结果的表达式不允许使用，如：let a = 1 + 1; 可以直接获取 Vue 实例中定义的数据或函数2）、插值闪烁使用{{}}方式在网速较慢时会出现问题。在数据未加载完成时，页面会显示出原始的`{{}}`， 加载...
- 一、前言uni-app应用开发过程中，需要应用内嵌H5页面，H5分为html、Vue两种。现如今，各大APP平台都拥有属于自己的小程序体系，各种各样的应用都可直接内嵌在APP中实现一站式体验。使用uniapp开发的APP如何实现这样的功能呢？答案就是内嵌web-view。 二、注意事项📢 注意事项：APP中有vue页面及nvue页面，两种页面均可内嵌web-view，但两种页面的表现不一... 一、前言uni-app应用开发过程中，需要应用内嵌H5页面，H5分为html、Vue两种。现如今，各大APP平台都拥有属于自己的小程序体系，各种各样的应用都可直接内嵌在APP中实现一站式体验。使用uniapp开发的APP如何实现这样的功能呢？答案就是内嵌web-view。 二、注意事项📢 注意事项：APP中有vue页面及nvue页面，两种页面均可内嵌web-view，但两种页面的表现不一...
- 一、前言Vue项目开发过程中，有时候我们需要父组件直接访问子组件，子组件直接访问父组件，或者子组件访问根组件。梳理出如下请求方法：父组件访问子组件：$children 或者 $refs;子组件访问父组件：$parent;子组件访问根组件（通过 new Vue 创建的根 Vue 实例）：$root; 二、父组件访问子组件 2.1 使用 $children在父组件中使用 this.$child... 一、前言Vue项目开发过程中，有时候我们需要父组件直接访问子组件，子组件直接访问父组件，或者子组件访问根组件。梳理出如下请求方法：父组件访问子组件：$children 或者 $refs;子组件访问父组件：$parent;子组件访问根组件（通过 new Vue 创建的根 Vue 实例）：$root; 二、父组件访问子组件 2.1 使用 $children在父组件中使用 this.$child...
- 以windows 系统为例，操作方法如下： 一、修改默认浏览器设置谷歌浏览器为默认浏览器。1、首先打开“开始菜单”，点击“控制面板”；2、在“控制面板”里面找到“默认程序”，进入后点击“设置默认程序”；3、加载好后选择 “谷歌浏览器”；4、选择“将此程序设置为默认值”，如果安装360安全卫士，必须先退出360安全卫士，否则设置不起效果。5、选择“选择此程序的默认值”，全选所有的扩展名，保存。... 以windows 系统为例，操作方法如下： 一、修改默认浏览器设置谷歌浏览器为默认浏览器。1、首先打开“开始菜单”，点击“控制面板”；2、在“控制面板”里面找到“默认程序”，进入后点击“设置默认程序”；3、加载好后选择 “谷歌浏览器”；4、选择“将此程序设置为默认值”，如果安装360安全卫士，必须先退出360安全卫士，否则设置不起效果。5、选择“选择此程序的默认值”，全选所有的扩展名，保存。...
- 一、前言在博文《Vue进阶（九十一）：自定义指令》中讲解了Vue自定义指令（局部、全局）的创建方法，及指令相关的钩子函数。此篇博文在此基础上实现vue自定义拖动指令。 二、定义全局拖拽指令定义全局指令，需要在main.js中写入vue.directive('drag',{});即可。但是一般会先在项目中新建一个drag.js文件，在js文件内部实现拖拽逻辑，最后在dom代码中调用该指令。 ... 一、前言在博文《Vue进阶（九十一）：自定义指令》中讲解了Vue自定义指令（局部、全局）的创建方法，及指令相关的钩子函数。此篇博文在此基础上实现vue自定义拖动指令。 二、定义全局拖拽指令定义全局指令，需要在main.js中写入vue.directive('drag',{});即可。但是一般会先在项目中新建一个drag.js文件，在js文件内部实现拖拽逻辑，最后在dom代码中调用该指令。 ...
- Vue2.x 安装 SCSS并使用 Vue2.x 安装 SCSS并使用
- 一分钟教你快速 搭建Vue脚手架（Vue-Cli）项目并整合ElementUI 一分钟教你快速 搭建Vue脚手架（Vue-Cli）项目并整合ElementUI
- 一、前言在项目开发过程中，遇到如下用户体验提升需求：需要实现错误提示时根据后台返回错误列表信息，换行展示。 二、实现方式通过F12元素查看，在对应的样式中加入white-space:pre-wrap，该样式的主要作用是识别字符串中的换行符"\n"，故需要在待展示的信息字符串中加入相应的换行标识符。在$notify消息提示中，作用于el-notification：.el-notificati... 一、前言在项目开发过程中，遇到如下用户体验提升需求：需要实现错误提示时根据后台返回错误列表信息，换行展示。 二、实现方式通过F12元素查看，在对应的样式中加入white-space:pre-wrap，该样式的主要作用是识别字符串中的换行符"\n"，故需要在待展示的信息字符串中加入相应的换行标识符。在$notify消息提示中，作用于el-notification：.el-notificati...
- 1、序言 前面我们已经介绍过父子组件之间的通信方式，父组件通过prop向子组件传递数据，子组件通过自定义事件向父组件传递数据。然而，在实际项目中，经常会遇到多个组件需要访问同一数据的情况，且都需要根据数据的变化做出响应，而这些组件之间可能并不是父子组件这种简单的关系。在这种情况下，就需要一个全局的状态管理方案。在Vue开发中，官方推荐Vuex。 Vuex是一个专门为Vue.js应用程序... 1、序言 前面我们已经介绍过父子组件之间的通信方式，父组件通过prop向子组件传递数据，子组件通过自定义事件向父组件传递数据。然而，在实际项目中，经常会遇到多个组件需要访问同一数据的情况，且都需要根据数据的变化做出响应，而这些组件之间可能并不是父子组件这种简单的关系。在这种情况下，就需要一个全局的状态管理方案。在Vue开发中，官方推荐Vuex。 Vuex是一个专门为Vue.js应用程序...
- 一、前言在开发Vue项目过程中，遇到页面样式混乱情形。后发现可通过刷新页面解决该问题，经过问题探究，发现使用最简单的页面刷新方法location.reload()或this.$router.go(0)均会导致页面刷新过程中出现空白现象的发生，用户体验不佳，故继续探究解决方法。 二、业务场景在管理后台，在执行完，增，删，改，操作的时候，我们需要刷新一下页面，重载数据。在JQ中我们会用到loc... 一、前言在开发Vue项目过程中，遇到页面样式混乱情形。后发现可通过刷新页面解决该问题，经过问题探究，发现使用最简单的页面刷新方法location.reload()或this.$router.go(0)均会导致页面刷新过程中出现空白现象的发生，用户体验不佳，故继续探究解决方法。 二、业务场景在管理后台，在执行完，增，删，改，操作的时候，我们需要刷新一下页面，重载数据。在JQ中我们会用到loc...
- 一、介绍VuePress ,一个全新的基于 vue 实现的静态网站生成器，实际上就是一个 vue 的 spa 应用，内置 webpack，可以用来写文档。VuePress 由两部分组成：一个以 Vue 驱动的主题系统简约静态网站生成工具，和一个为编写技术文档而优化的默认主题。它是为了支持 Vue 子项目的文档需求而创建的。由 VuePress 生成的每个页面，都具有相应的预渲染静态 HTM... 一、介绍VuePress ,一个全新的基于 vue 实现的静态网站生成器，实际上就是一个 vue 的 spa 应用，内置 webpack，可以用来写文档。VuePress 由两部分组成：一个以 Vue 驱动的主题系统简约静态网站生成工具，和一个为编写技术文档而优化的默认主题。它是为了支持 Vue 子项目的文档需求而创建的。由 VuePress 生成的每个页面，都具有相应的预渲染静态 HTM...
- 搭建Vue3组件库在线文档 搭建Vue3组件库在线文档
- 组件库开发：vite + vue开发一个组件 组件库开发：vite + vue开发一个组件
- 在Vue中，应用watch来响应数据的变化，示例代码如下， 一、第一种方式<input type="text" v-model="userName"/> //监听当userName值发生变化时触发watch: { userName (newName, oldName) { console.log(newName) }}第一种方式有一个缺点： 就是当值第一次绑定的时候不会执行监听函数，只有... 在Vue中，应用watch来响应数据的变化，示例代码如下， 一、第一种方式<input type="text" v-model="userName"/> //监听当userName值发生变化时触发watch: { userName (newName, oldName) { console.log(newName) }}第一种方式有一个缺点： 就是当值第一次绑定的时候不会执行监听函数，只有...
上滑加载中
推荐直播
-
香橙派AIpro的远程推理框架与实验案例2025/07/04 周五 19:00-20:00
郝家胜 -华为开发者布道师-高校教师
AiR推理框架创新采用将模型推理与模型应用相分离的机制，把香橙派封装为AI推理黑盒服务，构建了分布式远程推理框架，并提供多种输入模态、多种输出方式以及多线程支持的高度复用框架，解决了开发板环境配置复杂上手困难、缺乏可视化体验和资源稀缺课程受限等痛点问题，真正做到开箱即用，并支持多种笔记本电脑环境、多种不同编程语言，10行代码即可体验图像分割迁移案例。
回顾中 -
鸿蒙端云一体化应用开发2025/07/10 周四 19:00-20:00
倪红军 华为开发者布道师-高校教师
基于鸿蒙平台终端设备的应用场景越来越多、使用范围越来越广。本课程以云数据库服务为例，介绍云侧项目应用的创建、新建对象类型、新增存储区及向对象类型中添加数据对象的方法，端侧（HarmonyOS平台）一体化工程项目的创建、云数据资源的关联方法及对云侧数据的增删改查等操作方法，为开发端云一体化应用打下坚实基础。
即将直播
热门标签