摘要: Vue3 集成环境 使用官方脚手架来 使用webpack打包工具vue create 项目名 使用vite来打包 npm init vite-app 项目名 npm i cd 项目名 npm run dev 优势: 开发环境中,无需打包操作,可以快速冷启动 轻量快速的热重载 按需编译,不用等待整个引 阅读全文
posted @ 2022-10-08 15:02 a立方 阅读(41) 评论(0) 推荐(0) 编辑
摘要: 登录注册流程 axios.defaults.baseURL = "http://localhost/api" window.URL.createObjectURL(e.target.files[0]) 阅读全文
posted @ 2022-10-08 14:57 a立方 阅读(25) 评论(0) 推荐(0) 编辑
摘要: 核心思想 数据驱动页面,data数据源对象中的数据劫持到vm对象中,页面中的模板会通过标识,去取出vm对象的数据,然后渲染页面,如果这个数据变了,它会实时刷新页面 组件化开发 Vue加载流程 每一个组件在加载的时候都会调用vue内部大的render函数来把组件的template选项解析为一个js对象 阅读全文
posted @ 2022-10-08 14:55 a立方 阅读(78) 评论(0) 推荐(0) 编辑
摘要: Vue2各种配置 网络请求 请求后端数据,这里用egg框架写后端,实现前后端分离npm init egg --type='simple' 登录注册组件 import axios from 'axios' // 生命周期的mounted阶段,挂载到页面中之后 async mounted() { } 配 阅读全文
posted @ 2022-10-08 14:53 a立方 阅读(328) 评论(0) 推荐(0) 编辑
摘要: 路由 前端路由:不同的网址对应各自的页面 vue的前端路由:SPA应用要做出路由效果,就得判断当前网址,然后切换组件 vue-router就是专门做切换组件的功能,它是一个单独的技术,依赖vue 就像jQuery和dom操作一样 路由引入 最好用官方提供的脚手架来选择下载(可以避免版本的冲突,出现不 阅读全文
posted @ 2022-10-08 14:50 a立方 阅读(111) 评论(0) 推荐(0) 编辑
摘要: 组件 创建 组件的定义:实现应用中局部功能代码和资源的集合 定义组件 Vue.extend(option) option:和nnew Vue(option)里的option几乎一致,但有点区别 el不写 原因:最终所有的组件都是vm管理,有vm决定服务哪一个容器 data必须写成函数 原因:避免组件 阅读全文
posted @ 2022-10-08 14:48 a立方 阅读(72) 评论(0) 推荐(0) 编辑
摘要: 基本指令 插入:双大括号,放在标签内容 v-text="text":底层用的的innerText来写入页面 v-html="div":底层使用的是innerHTML写入页面 v-pre:想将双大括号静默(跳过编译)不写默认为true <div v-pre="djai"></div>判断为true v 阅读全文
posted @ 2022-10-08 14:45 a立方 阅读(50) 评论(0) 推荐(0) 编辑