随笔分类 -  Vue

vue看源码遇到 报错
摘要：贴一下报错信息说这个config文件问题 [!] (plugin Rollup Core) Error: Could not load 解决办法： 下载 此版本的 rollup-plugin-alias 并进行覆盖原文件。 下载地址： https://github.com/ideayuye/roll 阅读全文
posted @ 2021-07-29 14:12 xujing123 阅读(90) 评论(0) 推荐(0)
使用proxy以及Reflect还原vue3中的shallowReadonly 与 readonly响应式的原理
摘要：js实现 // 2 shallowReadonly 与 readonly // 定义一个readonlyHandler处理对象 const readonlyHandler = { // 获取属性值 get(target,prop){ console.log('get',prop); const re 阅读全文
posted @ 2021-04-16 14:08 xujing123 阅读(134) 评论(0) 推荐(0)
使用proxy以及Reflect还原vue3中的shallowReactive与reactive响应式的原理
摘要：##js还原 // 1 shallowReactive 与 reactive // 浅的劫持,浅的监视,浅的响应式数据 与 reactive(深度响应式) // 定义一个reactiveHandler处理对象 const reactiveHandler = { // 获取属性值 get(target 阅读全文
posted @ 2021-04-12 14:31 xujing123 阅读(440) 评论(0) 推荐(0)
vue 3.0 axios 封装过程
摘要：1、搭建好vue框架，引入axios 2、until文件下创建request.js baseURL 配置有时候会产生跨域问题，直接在根目录下的vue.config.js中配置代理可以解决 import axios from 'axios' // 创建axios const service = axi 阅读全文
posted @ 2020-10-29 14:56 xujing123 阅读(4833) 评论(0) 推荐(0)
vuex学习笔记
摘要：1.1 组件之间共享数据的方式 父向子传值：v-bind属性绑定 子向父传值：v-on事件绑定 兄弟组件之间共享数据：EventBus $on 接收数据的组件 $emit 发送数据的那个组件 以上为小范围数据传值 1.2 vuex是啥 实现组件全局状态（数据）管理的一种机制，方便实现组件之间的数据共 阅读全文
posted @ 2020-09-30 14:30 xujing123 阅读(148) 评论(0) 推荐(0)
05 vue前端工程化
摘要：1.模块化相关规范 1.1 模块化概念 传统开发模式的主要问题 命名冲突 文件依赖 通过模块化解决上述问题 模块化就是把单独的一个功能封装到一个模块（文件）中，模块之间相互隔离，但是可以通过特定的接口公开内部成员，也可以依赖别的模块 模块化开发的好处：方便代码的重用，从而提升开发效率，并且方便后期的 阅读全文
posted @ 2020-07-27 14:28 xujing123 阅读(153) 评论(0) 推荐(0)
04 vue前端路由
摘要：1. 路由的基本概念与原理 1.1 路由 路由的本质就是对应关系 1.后端路由 概念：根据不同的用户URL请求，返回不同的内容 本质：URL请求地址与服务器资源之间的对应关系 2.SPA 后端渲染（存在性能问题） Ajax前端渲染（前端渲染提高性能，但是不支持浏览器的前进后退操作） SPA（Sing 阅读全文
posted @ 2020-07-23 13:19 xujing123 阅读(160) 评论(0) 推荐(0)
03 Vue前后端交互
摘要：1.前后端交互模式 1.1 接口调用方式 列举 原生ajax 基于jq的ajax fetch axios 1.2 URL地址格式 1.传统形式的URL 格式: scheme://host:port/path?query#fragment 协议://域名:端口/路径?参数#锚点(哈希Hash) 2.R 阅读全文
posted @ 2020-07-21 13:23 xujing123 阅读(371) 评论(0) 推荐(0)
03 Vue组件化开发
摘要：1. 组件化开发思想 1.1 组件化思想 标准 分治 重用 组合 1.2 组件化规范: Web Components## 并不是所有浏览器都支持这个规范 我们希望尽可能多的重用代码 自定义组件的方式不太容易（html、css和js） 多次使用组件可能导致冲突 Web Components 通过创建封 阅读全文
posted @ 2020-07-15 10:44 xujing123 阅读(174) 评论(0) 推荐(0)
01 Vue基础
摘要：1. vue 概述# Vue：渐进式JavaScript框架 vue官网 https://cn.vuejs.org/v2/guide/ 声明式渲染→组件系统→客户端路由→集中式状态管理→项目构建 易用：熟悉HTML、CSS、JavaScript知识后，可快速上手Vue 灵活：在一个库和一套完整框架之 阅读全文
posted @ 2020-07-09 10:19 xujing123 阅读(164) 评论(0) 推荐(0)