- Vue是移动端H5开发比较流行的一个MVVM框架，它是以数据驱动的，不需要像jQuery那样操作DOM，而是通过将DOM和数据绑定，利用Object.defineProperty中的setter/getter代理数据，监控对数据的变化，当数据改变时更新DOM。Vue项目构建有两种方式，构建大型应用时推荐使用命令行工具构建：1、直接<script>标签引入2、vue-cli命令行工具vue-c... Vue是移动端H5开发比较流行的一个MVVM框架，它是以数据驱动的，不需要像jQuery那样操作DOM，而是通过将DOM和数据绑定，利用Object.defineProperty中的setter/getter代理数据，监控对数据的变化，当数据改变时更新DOM。Vue项目构建有两种方式，构建大型应用时推荐使用命令行工具构建：1、直接<script>标签引入2、vue-cli命令行工具vue-c...
- vue-cli 脚手架 安装一、 node安装1）如果不确定自己是否安装了node,可以在命令行工具内执行： node -v （检查一下 版本）；2）如果 执行结果显示： xx 不是内部命令，说明你还没有安装node , node 安装地址：http://nodejs.cn/download/注 ：安装 vue-cli 脚手架目前需要node版本为 v4.0 以上；解决速度慢的问题:将npm... vue-cli 脚手架 安装一、 node安装1）如果不确定自己是否安装了node,可以在命令行工具内执行： node -v （检查一下 版本）；2）如果 执行结果显示： xx 不是内部命令，说明你还没有安装node , node 安装地址：http://nodejs.cn/download/注 ：安装 vue-cli 脚手架目前需要node版本为 v4.0 以上；解决速度慢的问题:将npm...
- VueX （三）项目结构、组合式API、插件、严格模式文章目录VueX （三）项目结构、组合式API、插件、严格模式1. 项目结构2. 组合式API访问 State 和 Getter访问 Mutation 和 Action示例3. 插件在插件内提交 Mutation生成 State 快照内置 Logger 插件4. 严格模式开发环境与发布环境1. 项目结构Vuex 并不限制你的代码结构。但是... VueX （三）项目结构、组合式API、插件、严格模式文章目录VueX （三）项目结构、组合式API、插件、严格模式1. 项目结构2. 组合式API访问 State 和 Getter访问 Mutation 和 Action示例3. 插件在插件内提交 Mutation生成 State 快照内置 Logger 插件4. 严格模式开发环境与发布环境1. 项目结构Vuex 并不限制你的代码结构。但是...
- 什么是Vuex?用2句话概括：主要应用于Vue.js中管理数据状态的一个库通过创建一个集中的数据存储，供程序中所有组件访问当然这么说肯定还是有所不懂，这里我就用单一使用vue.js和使用vuex.js场景的不同进行对比讲解单一使用Vue.js的场景在单一使用vue.js的场景中，我们难免要在不同的组件中互相传值。在该场景中，由一个根组件，两个父组件再各自拥有一个子组件，我们如果使用prop的... 什么是Vuex?用2句话概括：主要应用于Vue.js中管理数据状态的一个库通过创建一个集中的数据存储，供程序中所有组件访问当然这么说肯定还是有所不懂，这里我就用单一使用vue.js和使用vuex.js场景的不同进行对比讲解单一使用Vue.js的场景在单一使用vue.js的场景中，我们难免要在不同的组件中互相传值。在该场景中，由一个根组件，两个父组件再各自拥有一个子组件，我们如果使用prop的...
- 一、什么是Vuex?Vuex是一个专为vue.js应用程序开发的状态管理模式。当我们构建一个中大型的单页面应用程序时，Vuex可以更好的帮助我们在组件外部统一管理状态。二、Vuex的五个核心概念StateGettersMutationsActionsModules其中State和Mutations在任何项目都会接触到的核心概念。为什么说这两个是最核心的呢？第一、首先State是我们唯一的数据... 一、什么是Vuex?Vuex是一个专为vue.js应用程序开发的状态管理模式。当我们构建一个中大型的单页面应用程序时，Vuex可以更好的帮助我们在组件外部统一管理状态。二、Vuex的五个核心概念StateGettersMutationsActionsModules其中State和Mutations在任何项目都会接触到的核心概念。为什么说这两个是最核心的呢？第一、首先State是我们唯一的数据...
- 文章目录1、认识vue-router2、安装和使用vue-router3、路由的默认路径4、HTML5的History模式5、router-link属性介绍6、路由代码跳转7、动态路由8、路由懒加载9、嵌套路由实现10、传递参数的方式11、导航守卫的使用12、TabBar实现思路1、认识vue-router目前前端流行的三大框架，都有自己的路由实现：Angular的ngRouterReact... 文章目录1、认识vue-router2、安装和使用vue-router3、路由的默认路径4、HTML5的History模式5、router-link属性介绍6、路由代码跳转7、动态路由8、路由懒加载9、嵌套路由实现10、传递参数的方式11、导航守卫的使用12、TabBar实现思路1、认识vue-router目前前端流行的三大框架，都有自己的路由实现：Angular的ngRouterReact...
- 接上一篇，我们一起学习了vue路由的基本使用以及动态路由、路由嵌套以及路由命名等知识，今天我们一起来学习记录vue-router的钩子函数实现路由守卫； 何为路由守卫？路由守卫有点类似于ajax的请求拦截器，就是请求发送之前先给你拦截住做一些事情之后再去发送请求，同样这里的路由守卫意思差不多；简单理解为就是你在进路由之前，首先把你拦住，对你进行检查；这是不是有点中学门口的保安？进来之前拦... 接上一篇，我们一起学习了vue路由的基本使用以及动态路由、路由嵌套以及路由命名等知识，今天我们一起来学习记录vue-router的钩子函数实现路由守卫； 何为路由守卫？路由守卫有点类似于ajax的请求拦截器，就是请求发送之前先给你拦截住做一些事情之后再去发送请求，同样这里的路由守卫意思差不多；简单理解为就是你在进路由之前，首先把你拦住，对你进行检查；这是不是有点中学门口的保安？进来之前拦...
- 大家早上好，最近事比较多比较忙所以没有及时的更新博客，望大家谅解。路由模式解析这里要讲vue-router的路由模式，首先要了解的一点就是路由是由多个URL组成的，使用不同的URL可以相应的导航到不同的位置。如果有进行过服务器开发或者对http协议有所了解就会知道，浏览器中对页面的访问是无状态的，所以我们在切换不同的页面时都会重新进行请求。而实际使用vue和vue-router开发就会明白，... 大家早上好，最近事比较多比较忙所以没有及时的更新博客，望大家谅解。路由模式解析这里要讲vue-router的路由模式，首先要了解的一点就是路由是由多个URL组成的，使用不同的URL可以相应的导航到不同的位置。如果有进行过服务器开发或者对http协议有所了解就会知道，浏览器中对页面的访问是无状态的，所以我们在切换不同的页面时都会重新进行请求。而实际使用vue和vue-router开发就会明白，...
- Vue-router路由重定向redirect路由重定向：一般用在不同的页面跳转到同一个页面或是同一组件的情况。这时需要用到的是redirect参数，将要跳转的页面路径添加到redirect参数后。在路由重定向时，有两种情况：1.不携带参数进行路由重定向例子：demo2页面重定向到demo页面在src/router/index.js文件下增加demo2路由，这时不需要写component参数... Vue-router路由重定向redirect路由重定向：一般用在不同的页面跳转到同一个页面或是同一组件的情况。这时需要用到的是redirect参数，将要跳转的页面路径添加到redirect参数后。在路由重定向时，有两种情况：1.不携带参数进行路由重定向例子：demo2页面重定向到demo页面在src/router/index.js文件下增加demo2路由，这时不需要写component参数...
- 什么是路由？路由，其实就是指向的意思。例如:当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容。Home按钮 => home 内容， about按钮 => about 内容，也可以说是一种映射. 所以在页面上有两个部分，一个是点击部分，一个是点击之后，显示内容的部分。点击之后，怎么做到正确的对应，比如，我点击hom... 什么是路由？路由，其实就是指向的意思。例如:当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容。Home按钮 => home 内容， about按钮 => about 内容，也可以说是一种映射. 所以在页面上有两个部分，一个是点击部分，一个是点击之后，显示内容的部分。点击之后，怎么做到正确的对应，比如，我点击hom...
- 异步组件：vue的一种性能优化的方法，可以实现组件的按需加载组件通过import函数引用，什么时候需要什么时候加载有利于项目的性能优化，提高页面的加载速度路由懒加载就是使用了异步组件的原理规则：使用import引入components: {IsAsyncDemo: () => import(‘./IsAsyncD.vue’)},ex：点击按钮才加载组件<template> <div> ... 异步组件：vue的一种性能优化的方法，可以实现组件的按需加载组件通过import函数引用，什么时候需要什么时候加载有利于项目的性能优化，提高页面的加载速度路由懒加载就是使用了异步组件的原理规则：使用import引入components: {IsAsyncDemo: () => import(‘./IsAsyncD.vue’)},ex：点击按钮才加载组件<template> <div> ...
- 目录slot 介绍 2.6.0以下版本2.6.0及以上版本作用域插槽说明$slots 属性slot 在组件开发中的使用slot 介绍 vue 对于前端的重要性不言而喻，而插槽对于 vue 的重要性亦是如此，在高阶组件的封装中离不开插槽的使用，所以学会使用 slot 对前端来讲很重要。官网说：Vue 实现了一套内容分发的 API，这套 API 的设计灵感源自 Web Components 规范... 目录slot 介绍 2.6.0以下版本2.6.0及以上版本作用域插槽说明$slots 属性slot 在组件开发中的使用slot 介绍 vue 对于前端的重要性不言而喻，而插槽对于 vue 的重要性亦是如此，在高阶组件的封装中离不开插槽的使用，所以学会使用 slot 对前端来讲很重要。官网说：Vue 实现了一套内容分发的 API，这套 API 的设计灵感源自 Web Components 规范...
- 文章目录1.provide和inject1.1基本使用1.2如何处理响应式数据2.全局事件总线mitt库2.1安装mitt库,封装eventbus.js工具类2.2在其中一个组件中触发事件2.2在该组件的兄弟组件或者兄弟组件的子组件中监听该事件1.provide和injectprovide/inject主要适用于在一些深入嵌套的组件中，子组件想要获取父组件的部分内容的情况，此时可以在父组件中... 文章目录1.provide和inject1.1基本使用1.2如何处理响应式数据2.全局事件总线mitt库2.1安装mitt库,封装eventbus.js工具类2.2在其中一个组件中触发事件2.2在该组件的兄弟组件或者兄弟组件的子组件中监听该事件1.provide和injectprovide/inject主要适用于在一些深入嵌套的组件中，子组件想要获取父组件的部分内容的情况，此时可以在父组件中...
- VUE基础篇（双向绑定）1、v-model的使用v-model 用在表单中，与数据是双向绑定关系，相当于表单绑定的vue实例中data的数据改变了，表单的渲染也会改变，同样操作表单，改变了表单的数据，相应的vue实例中data的数据也会发生相应的改变，这种页面渲染的表单数据和vue实例的data数据互相影响，任何一方改变都会导致另一方数据的改变就是数据的双向绑定下面介绍几种常见的表单数据绑定... VUE基础篇（双向绑定）1、v-model的使用v-model 用在表单中，与数据是双向绑定关系，相当于表单绑定的vue实例中data的数据改变了，表单的渲染也会改变，同样操作表单，改变了表单的数据，相应的vue实例中data的数据也会发生相应的改变，这种页面渲染的表单数据和vue实例的data数据互相影响，任何一方改变都会导致另一方数据的改变就是数据的双向绑定下面介绍几种常见的表单数据绑定...
- 文章目录修饰符1.事件修饰符2.按键修饰符修饰符1.事件修饰符vue中提供的事件修饰符一共有4种.stop：用来阻止事件冒泡（防止事件向父标签传递）.prevent：用来阻止标签的默认行为.self：只监听自身标签触发的事件.once：该事件只触发一次语法：@事件名.事件修饰符=“事件处理函数”例：@click.stop=“test”，给click加了一个stop修饰的事件具体代码内容<!D... 文章目录修饰符1.事件修饰符2.按键修饰符修饰符1.事件修饰符vue中提供的事件修饰符一共有4种.stop：用来阻止事件冒泡（防止事件向父标签传递）.prevent：用来阻止标签的默认行为.self：只监听自身标签触发的事件.once：该事件只触发一次语法：@事件名.事件修饰符=“事件处理函数”例：@click.stop=“test”，给click加了一个stop修饰的事件具体代码内容<!D...
上滑加载中
推荐直播
-
香橙派AIpro的远程推理框架与实验案例2025/07/04 周五 19:00-20:00
郝家胜 -华为开发者布道师-高校教师
AiR推理框架创新采用将模型推理与模型应用相分离的机制，把香橙派封装为AI推理黑盒服务，构建了分布式远程推理框架，并提供多种输入模态、多种输出方式以及多线程支持的高度复用框架，解决了开发板环境配置复杂上手困难、缺乏可视化体验和资源稀缺课程受限等痛点问题，真正做到开箱即用，并支持多种笔记本电脑环境、多种不同编程语言，10行代码即可体验图像分割迁移案例。
回顾中 -
鸿蒙端云一体化应用开发2025/07/10 周四 19:00-20:00
倪红军 华为开发者布道师-高校教师
基于鸿蒙平台终端设备的应用场景越来越多、使用范围越来越广。本课程以云数据库服务为例，介绍云侧项目应用的创建、新建对象类型、新增存储区及向对象类型中添加数据对象的方法，端侧（HarmonyOS平台）一体化工程项目的创建、云数据资源的关联方法及对云侧数据的增删改查等操作方法，为开发端云一体化应用打下坚实基础。
即将直播
热门标签