摘要: 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) 编辑
摘要: css3变量 :root申明的全局,自定义属性用--作为前缀 :root { /* 表示用-redColor来表示#ffffff颜色 */ --redColor: #ffffff } var(name, value)来插入使用 #app { background: var(-redColor) } 阅读全文
posted @ 2022-09-20 16:57 a立方 阅读(19) 评论(0) 推荐(0) 编辑
摘要: 环境安装 直接引用 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 或者可以下载到本地位置,在手动导入 import Vue from './vue.js' 或是编辑器直接生成cdn的方式 HbuilderX 阅读全文
posted @ 2022-09-07 18:27 a立方 阅读(193) 评论(0) 推荐(0) 编辑
摘要: vue底层原理 vue的定义 ● vue是一套用于构建用户界面的渐进式框架 ● vue是一款基于MVVM方式的轻量级的框架 ● vue是一款基于数据驱动、组件化思想的框架 ● vue被设计为可以自底向上、逐层应用的框架 ● vue的核心库只关注视图层,易于上手,还便于与第三方库或既有项目整合 ● 当 阅读全文
posted @ 2022-08-31 12:38 a立方 阅读(387) 评论(0) 推荐(0) 编辑