Vue validation(表单验证)--vuelidate表单是用户那里收集的数据的工具。如果它没有收集到你需要的数据,或者收集到的数据不对,那么你的表单就没有达到它的目的。这就是为什么我们需要表单验证。1.需要验证的问题必要的信息不能让用户提交空信息虽然不能保证用户提交的信息100%正确,但至少提交信息的格式要保证正确通过表单验证控制一些元素的行为,比如信息不正确,提交按钮的响应2.Vuel
转载 2023-11-24 19:32:23
63阅读
Vue Router简介Vue Router是Vue.js 的官方路由,为 Vue.js 提供富有表现力、可配置的、方便的路由Vue Router 官网  Vue Router | Vue.js 的官方路由 (vuejs.org)Vue Router 用于对vue项目中的路由进行管理,每个路由对应的页面,通过<router-view></router-view>
原创 精选 11月前
239阅读
Vue Router 是 Vue.js 的官方路由管理器。嵌套路由:允许在一个路由组件内定义子路由。动态路由匹配:使用路径参数实现动态路由。模
原创 2024-08-13 12:13:12
130阅读
 【前言】本博客系统的讲诉了Vuex的安装、搭建。以及Actions、Mutations、State、Getters的使用,为什么使用mapState、mapGetters以及一些细节的解释Vuex原理讲解 编辑Actions:词义是 动作行为Mutations:词义是加工、维护State:词义是 状态和数据Dispatch:词义是派遣、发出Commit:提交Render: 渲
推荐 原创 2022-10-30 16:54:14
427阅读
Vue插槽,是学习vue中必不可少的一节,当初刚接触vue的时候,对这些掌握的一知半解,特别是作用域插槽一直没明白。后面越来越发现插槽的好用。分享一下插槽的一些知识吧。分一下几点:1、插槽内可以放置什么内容?2、默认插槽3、具名插槽4、作用域插槽一、插槽内容  一句话:插槽内可以是任意内容。   先看一下下面的代码:声明一个child-componen...
转载 2021-08-12 17:18:04
225阅读
@[toc]1 Axios简介1.1 什么是Axios?Axios 是一个基于 ​​promise​​​ 网络请求库,作用于​​node.js​​ 和浏览器中。 它是 ​​isomorphic​​​ 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.js ​​http​​ 模块, 而在客户端 (浏览端) 则使用 XMLHttpRequests。1.2 Axios的
推荐 原创 2022-10-17 13:07:57
935阅读
1评论
Vue Router 是 Vue.js 生态系统中的一个核心插件,旨在帮助开发者轻松地在单页面应用程序 (SPA) 中实现路由功能。在这篇博客中,
原创 4月前
80阅读
1.组件与复用 组件与创建Vue实例的方法类似,需要注册后才可以使用。 1.1 全局注册组件 template 的 DOM 结构必须被一个元素包含,如果直接写成 “这里是组件的内容”,不带 "<div></div>" 是无法渲染的。 <!DOCTYPE html> <html lang="en">
原创 11月前
42阅读
1点赞
目录 Vue渲染的两大基础方式 new 一个Vue的实例 注册组件并使用 注册组件 全局注册 局部注册 通过new创建
原创 2022-12-29 10:04:11
169阅读
路由(vue-router)现在的应用都流行SPA应用(single page application)传统的项目大多使用多页面结构,需要切换内容的时候我们往往会进行单个HTML文件的跳转,这个时候网络、性能影响,浏览器会出现不定时间的空白界面,用户体验不好单页面应用就是用户通过某些操作地址栏url之后,动态的进行不同模板内容的无刷新切换,用户体验好。Vue中会使用官方提供的vue-router插
转载 2021-05-10 17:51:12
476阅读
2评论
https://blog.csdn.net/qq_32407233/article/details/83819831 不想污染全局作用域。这种情况下,你可以通过在原型上定义它们使其在每个 Vue 的实例中可用。 Vue.prototype.$appName = 'My App' 这样 $appNam
转载 2020-03-03 14:31:00
368阅读
2评论
Vue全局API详解 Vue.extend(option) 参数: { Object } options 用法: 用基础 Vue 构造器, 创建子类, 参数是一个包含组件选项的对象, data选项是特例, 需要注意- 在 Vue.extend() 中它必须是函数 示例: <div id="mount-point"></div> // 创建构造器
原创 2023-10-25 09:17:55
60阅读
默认路径:默认路径是指在用户访问应用程序时,如果没有匹配到任何已定义的路由路径,那么将跳转到默认路径。
原创 2023-07-15 09:52:09
172阅读
如果需要设置全局变量,在main.js中,Vue实例化的代码里添加。 来自vue官网
原创 2023-03-24 20:07:29
160阅读
当我们使用Vue来构建Web应用程序时,我们常常需要在DOM更新后执行一些操作,以确保我们的操作不会与Vue的响应式系统发生冲突。为了做到这一点,Vue提供了$nextTick方法(在Vue 2中)和nextTick函数(在Vue 3中)
原创 2023-09-24 21:59:56
4457阅读
.env文件配置Vue项目中,.env文件是运行项目时的环境配置文件。但是在实际开发过程中,有本地开发环境、测试环境、生产环境等,不同环境对
原创 2022-04-13 14:50:29
686阅读
异步组件的定义只在需要时才加载渲染的组件异步组件的使用场景大型项目中,通常一个页面中引入了很多组件,为了提升页面的性能(缩短页面渲染时间)
原创 2022-07-12 17:20:04
278阅读
引言 Vue.js 是一个流行的前端框架,它采用了 MVVM(Model-View-ViewModel)设计模式。MVVM 模式使得数据和视图之间的交互变得更为高效和简洁。本文将详细介绍 Vue 的 MVVM 结构及其工作原理。 什么是 MVVM? MVVM 是一种设计模式,旨在将用户界面(UI)与业务逻辑分离,从而提高代码的可维护性和可测试性。MVVM 主要由三个部分组成: Model(模型
原创 精选 11月前
236阅读
【1】什么是VUE官网文档:https://cn.vuejs.org/v2/guide/instance.htmlVue (读音 /vjuː/
转载 2022-06-09 02:12:28
216阅读
一、分类:全局守卫、路由独享守卫、组件内路由守卫 全局守卫: router.beforeEach((to, form, next) => { console.log('全局前置守卫 beforeEach') next() }) router.beforeResolve((to, form, next
原创 2021-07-13 16:15:48
725阅读
  • 1
  • 2
  • 3
  • 4
  • 5