Vue
文章平均质量分 90
一只淡水鱼
这个作者很懒,什么都没留下…
展开
-
Vue 3.0 路由
一、路由概念和原理后端路由:请求方式、请求地址与 function 处理函数之间的对应关系const express = require('express')const router = express.Router()router.get('/userlist',function(req,res){/*路由处理函数*/})router.post('/adduser',function(req,res){/*路由处理函数*/})module.exports = router前端路.原创 2022-02-17 17:05:01 · 1855 阅读 · 0 评论 -
Vue 3.0 组件高级(下)
一、ref 引用1. 什么是 ref 引用ref 用来辅助开发者在不依赖于 jQuery 的情况下,获取 DOM 元素或组件的引用。每个 vue 的组件实例上,都包含一个 $refs 对象,里面存储着对应的 DOM 元素或组件的引用。默认情况下,组件的 $refs 指向一个空对象。2. 使用 ref 引用 DOM 元素<!--使用ref属性,为对应dom添加引用名称--><h3 ref="myh3">myref</h3><button @c原创 2022-02-10 19:54:32 · 478 阅读 · 0 评论 -
Vue 3.0 组件高级(上)
一、watch 侦听器1. watch 基本用法监视数据的变化,从而针对数据的变化做特定的操作。export default{ data(){ return { username: ''} }, //监听username的值的变化 //形参列表中,第一个值是“变化后的新值”,第二个值是“变化之前的旧值” watch: { username(newVal,oldVal){ console.log(ne原创 2022-02-08 22:09:38 · 767 阅读 · 1 评论 -
Vue 3.0 组件基础(下)
一、props 验证1. 对象类型的 props 节点使用对象类型的 props 节点,可以对每个 prop 进行数据类型的校验。使用数组类型的 props 节点的缺点:无法为每个 prop 指定具体的数据类型。2. props 验证方案2.1 基础类型检查直接为组件的 prop 属性指定基础的校验类型。2.2 多个可能的类型通过数组指定多个可能的类型export default{ props:{ propA:[String,Number],原创 2022-02-07 23:03:38 · 171 阅读 · 0 评论 -
Vue 3.0 组件基础(上)
一、单页面应用程序(SPA)一个web网站中只有一个html页面,所有的功能和交互都在这个页面内完成。1. 特点:仅在该 web 页面初始化时加载相应的资源。 一旦页面加载完成了,SPA 不会因为用户的操作而进行页面的重新加载或跳转。2. 优点:① 良好的交互体验单页应用的内容的改变不需要重新加载整个页面 获取数据也是通过 Ajax 异步获取 没有页面之间的跳转,不会出现“白屏现象”② 良好的前后端工作分离模式后端专注于提供 API 接口,更易实现 API 接口的复用 前原创 2022-02-06 21:43:00 · 1207 阅读 · 0 评论 -
Vue 3.0 基础入门(指令)
一、Vue简介数据驱动视图:在使用了 vue 的页面中,vue 会监听数据的变化,从而自动重新渲染页面的结构。 注意:数据驱动视图是单向的数据绑定。双向数据绑定:在填写表单时,双向数据绑定可以辅助开发者在不操作 DOM 的前提下,自动把用户填写的内容同步到数据源。 开发者不再需要手动操作 DOM 元素,来获取表单元素最新的值。MVVMMVVM 是 vue 实现数据驱动视图和双向数据绑定的核心原理。它把每个 HTML 页面都拆分成了如下三个部分:View 表示当前页面所渲染的原创 2022-02-06 14:16:12 · 860 阅读 · 0 评论