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阅读
@[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评论
1.组件与复用 组件与创建Vue实例的方法类似,需要注册后才可以使用。 1.1 全局注册组件 template 的 DOM 结构必须被一个元素包含,如果直接写成 “这里是组件的内容”,不带 "<div></div>" 是无法渲染的。 <!DOCTYPE html> <html lang="en">
原创 11月前
42阅读
1点赞
Vue Router 是 Vue.js 生态系统中的一个核心插件,旨在帮助开发者轻松地在单页面应用程序 (SPA) 中实现路由功能。在这篇博客中,
原创 4月前
80阅读
 【前言】本博客系统的讲诉了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阅读
目录 Vue渲染的两大基础方式 new 一个Vue的实例 注册组件并使用 注册组件 全局注册 局部注册 通过new创建
原创 2022-12-29 10:04:11
169阅读
一、分类:全局守卫、路由独享守卫、组件内路由守卫 全局守卫: router.beforeEach((to, form, next) => { console.log('全局前置守卫 beforeEach') next() }) router.beforeResolve((to, form, next
原创 2021-07-13 16:15:48
725阅读
 参考视频教程资料:   Vue3从入门到实战进阶式掌握完整知识体系 : (http://www.notescloud.top/goods/detail/1189)<http://www.notescloud.top/goods/detail/1189  微信分享与支付专项课程(公众号小程序(云)) :&nb
it
转载 2021-08-20 19:00:24
624阅读
Vue props用法详解 组件接受的选项之一 props 是 Vue 中非常重要的一个选项。父子组件的关系可以总结为: props down, events up 父组件通过 props 向下传递数据给子组件;子组件通过 events 给父组件发送消息。 父子级组件 比如我们需要创建两个组件 pa
转载 2019-10-12 09:58:00
125阅读
2评论
什么是vue-clivue-cli是vue的脚手架安装:npm install -g vue-clivue-cli搭建vue项目使用vue-cli创建vue项目:常用 vue init webpack my-project用法: vue init <template-name> <project-name>template-name: ...
原创 2022-10-13 16:50:31
461阅读
M —— Model 模型,即数据V —— View 视图,即DOM渲染VM —— ViewModel 视图模型,用于实现Model和View的通信,即数据改变驱动视图渲染,监听视图事件修改数据
原创 2024-05-01 11:45:24
55阅读
前言 如果你只是简单写几个Vue的Demo程序, 那么你不需要Vue CLI;如果你在开发大型项目, 那么你需要, 并且必然需要使用Vue CLI使用Vue.js开发大型应用时,我们需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等事情。如果每个项目都要手动完成这些工作,那无以效率比较低效,所以通常我们会使用一些脚手架工具来帮助完成这些事情。用vue.js开发大型应用需要使用webpac
原创 2023-11-25 03:04:52
363阅读
父子通信father<template> <div> <p>home</p> <left :users="users"></left> <right></right> </div></template><script&...
原创 2022-07-05 16:59:17
80阅读
如果需要设置全局变量,在main.js中,Vue实例化的代码里添加。来自vue官网 https://cn.vuejs.org/v2/cookbook/adding-instance-properties.html不想污染全局作用域。这种情况下,你可以通过在原型上定义它们使其在每个 Vue 的实例中可用。Vue.prototype.$appName = ‘My App’这样 $appName 就在所有的 Vue 实例中可用了,甚至在实例被创建之前就可以。如果我们运行:new Vue
转载 2021-08-12 17:14:32
756阅读
指令是Vue模板中最常用的一项功能,它带有前缀v-,主要职责是当其表达式的值改变时,相应的将某些行为应用在 DOM 上。这篇文章主要介绍了vue内置指令详解,需要的朋友可以参考下指令 (Directives) 是带有 v- 前缀的特殊属性, 职责是,当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM。内置指令1、v-bind:响应并更新DOM特性;例如:v-bind:href...
原创 2022-03-29 10:26:32
248阅读
什么是watch?一个对象,键是需要观察的表达式,值是对应回调函数。值也可以是方法名,或者包含选项的对象。Vue
原创 2022-10-13 16:57:57
89阅读
如果需要设置全局变量,在main.js中,Vue实例化的代码里添加
原创 2022-07-22 15:40:20
86阅读
  • 1
  • 2
  • 3
  • 4
  • 5