文章分类 - vue从入门到进阶
摘要：【一】 路由简介 1 什么是路由？ 定义：路由就是根据不同的 URL 地址展示不同的内容或页面。 通俗理解：路由就像是一个地图，我们要去不同的地方，需要通过不同的路线进行导航。 2 路由的作用 单页应用程序（SPA）中，路由可以实现不同视图之间的无刷新切换，提升用户体验； 路由还可以实现页面的认证和
阅读全文
摘要：【一】后端 【1】建表 from django.db import models # Create your models here. class Book(models.Model): title = models.CharField(max_length=32) price = models.C
阅读全文
摘要：【一】安装vue-router npm install -S vue-router@4 npm install vue-router@4 --save 【二】配置vue-router 【1】main.js import {createApp} from 'vue' // css只要引入，全局都生效
阅读全文
摘要：【一】vue-cli创建(不用了) 【1】步骤 vue create vue3_demo1 【2】配置npm 镜像站 npm config set registry https://registry.npmmirror.com 【3】查看镜像站 npm config get registry 【二】
阅读全文
摘要：【1】安装 pip3.9 install django-cors-headers 【2】注册app INSTALLED_APPS = ( ... 'corsheaders', ... ) 【3】配置中间件 MIDDLEWARE = [ ... 'corsheaders.middleware.Cors
阅读全文
摘要：<template> <div class="home"> <h1>toRefs</h1> <h2>{{ name }} {{ age }}</h2> <button @click="age++">点击年龄+1</button> <button @click="addAge">点击年龄+2</but
阅读全文
摘要：【一】基本使用 安装 npm install axios -S // 13 axios使用 import axios from "axios"; // 相当于写在了created中--》页面加载完，就发送请求 axios.get('自己地址').then(res => { console.log(r
阅读全文
摘要：【一】promise基本使用(用来处理回调函数) Promise对象代表一个异步操作，有三种状态：Pending（进行中）、Resolved（已完成，又称 Fulfilled）和Rejected（已失败） 现实生活中对应 你跟你女朋友说，5年后等我赚够500w就结婚--》定义函数 1 进行中（努力赚
阅读全文
摘要：【一】setup()函数 【1】ref、reactive、计算属性 <script setup> import {computed, reactive, ref} from "vue"; let name = ref('hope') let person=reactive({ name:'Tom',
阅读全文
摘要：(1）beforeCreate 在实例初始化(new Vue())后执行，此时的数据监听和事件绑定机制都未完成，获取不到DOM节点。（可以在此阶段加loading事件，在加载实例时触发） （2）created 这个阶段vue实例已经创建，以下内容已被配置完毕：数据侦听、计算属性、方法、事件/侦听器的
阅读全文
摘要：【一】监听对象类型 <script setup> import {reactive, ref, watch} from "vue"; const age=ref(10) const person=reactive({ name:'hope', age:19 }) const changeAge=()
阅读全文
摘要：【一】setup函数 如果使用配置项API 》写起来跟vue2一样 如果写组合式API 》所有代码都要写在setup函数中 <template> <div class="home"> <h2>姓名：{{ name }}</h2> <h2>年龄：{{ age }}</h2> <button @clic
阅读全文
摘要：【一】组合式api体验 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://unpkg.com/vue@3/dist/vue.global.j
阅读全文
摘要：<template> <div> <div class="row1"> <div class="company"></div> <div class="pic"></div> <div class="pic"></div> <div class="pic"></div> </div> <div cl
阅读全文
摘要：在CSS3中flex可以非常便捷的可以帮助我们实现对页面的布局。 传统的页面布局，基于div+float来实现。 flex可以快速实现页面的布局（很方便）。 关于flex布局你必须要了解的有一下几点： <div class="menu" 样式> <div class="item" 样式>112</d
阅读全文
摘要：【一】插件 【1】描述 1 功能：用于增强Vue 2 本质：包含install方法的一个对象，install的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据 3 使用了vue-router插件，vuex插件，elementui 4 使用别人写好的第三方插件 Vue.use(Element
阅读全文
摘要：【一】ref 【1】 AboutView.vue <template> <div class="about"> <h1 ref="h1">This is an about page</h1> <Child ref="child"></Child> <button @click="handleShow
阅读全文
摘要：功能：可以把多个组件共用的配置提取成一个混入对象,不需要在每个组件中都写了 【一】定义mixin mxin//index.js const hunru={ data(){ return { title:"首页" } }, methods:{ handleChange(){ this.title=th
阅读全文
浙公网安备 33010602011771号