前端之行，任重道远！

vue2数据响应式原理之数据劫持（对象篇）前言数据劫持（对象篇）defineReactiveobserve.jsutils.jsObserver.jsdefineReactive.js总结一下前言通过上一篇想必你已经对Object.defineProperty()有了一定的理解，这一篇我们就在前面的基础上探讨如何通过Object.defineProperty()来对对象，甚至是嵌套的对象进行数据劫持，以便我们能够侦听到对象的变化。对Object.defineProperty()了解之后我们就可以对其.

vue2数据响应式原理之数据劫持（数组篇）前言数据劫持（数组篇）array.jsObserver.js前言通过前两篇的学习，想必你已经对Object.defineProperty()和对象的侦听有了一定的理解，现在就让我们来继续研究如何使用Object.defineProperty()来对数组进行数据劫持，以便我们能够侦听到数组的变化。数据劫持（数组篇）首先新建一个：array.jsimport { def } from "./utils.js";//获取数组的原型const arrayP.

vue2数据响应式原理之依赖收集和发布订阅前言收集依赖，发布订阅依赖是谁？什么是Watcher？Watcher.jsDep.jsObserver.jsdefineReactive.js前言前几篇我们已经研究过了数据劫持，并多次提到依赖这个词，这一篇我们就将针对依赖来进行深入探讨：什么是依赖，以及收集依赖和发布订阅。收集依赖，发布订阅依赖是谁？需要用到数据的地方成为依赖！前面说了在getter中收集依赖，在setter中触发依赖。那依赖是谁呢？我们需要在访问数据时收集谁，更新数据时触发谁呢？.

深入浅出带你摸透vue2数据响应式原理

写在前边这篇博文是在黑马程序员uniapp-黑马优购项目文档的基础上进行书写的，原文在这里：uniapp-黑马优购，视频教程。如你所见，本人现在正在学习黑马的uniapp，为了让自己能够方便的复习所学知识，我将自己的理解以及一些在学习过程中遇到的问题和解决方法与黑马原有的文档进行结合，书写了这篇博文，如有侵权，联系必删！查看此篇博客时请先查看：uni-app黑马优购项目学习记录（上）uni-app黑马优购项目学习记录（下）写在前边8. 加入购物车8.0 创建 cart 分支8.1 配置 vuex

1. 起步1.1 uni-app 简介uni-app 是一个使用 Vue.js 开发所有前端应用的框架。开发者编写一套代码，可发布到 iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。详细的 uni-app 官方文档，请翻阅 https://uniapp.dcloud.net.cn/1.2 开发工具uni-app 官方推荐使用 HBuilderX 来开发 uni-app 类型的项目。主要好处：模板丰富完善的智能提示

VUE3——watch与watchEffect详解一、 watchEffect1. 停止监听2. 更改监听时机（更改副作用刷新时机）3. 清除副作用4. 侦听器调试一、watch1. 监听单一源2. 监听多个源3. 侦听响应式对象4. 深度监听5. 立即执行在讲watch之前，我们先来看看watchEffect一、 watchEffect立即执行传入的一个函数，同时响应式追踪其依赖，并在其依赖变更时重新运行该函数。watchEffect的一些特点：不需要手动传入依赖（不用指定监听对象）无

最近利用Vite构建Vue3写了一个简单的ToDoList，想要部署到Gitee，并开启 Gitee Pages服务时出现页面空白的问题，参考了很多博客，尝试了很多办法都没有解决，正愁眉不展时我点开了Vite的官方文档，好家伙，直接茅塞顿开，原本这么小的一个问题被我想的太复杂了，还浪费了那么多时间，哎，此刻记录下我的解决办法，希望能帮到跟我有同样问题的人。Vite构建的Vue3项目打包部署到GiteeVite部署静态站点官方文档一、本地打包测试构建应用（打包）本地测试应用我遇到的问题二、配置Gitee.

全网最详细系列更新啦！快来看看吧：使用vite构建vue3全家桶（Vue3+Vue-Router+Vuex+less/sass）

Vue：页面调用methods函数改变data中依赖值造成死循环问题原因解决办法但问题是在computed中写发现这个isStudent函数只能被调用一次了，并且调用的时候不能传参，请求大佬解答合适的解决办法！！！！问题 <span class="New" v-if="isStudent(item.participant)"><i class="el-icon-message-solid"></i></span> data() { ret

vue使用async和await实现axios同步请求一、axios异步请求出现的问题二、解决办法：使用async 和awaitasync 和await 介绍注意事项三、突发问题四、解决办法一、axios异步请求出现的问题handleClick(tab, e) { this.$axios({ url: '/operatingsystem/student/selectStudentsByClno', method: 'get', params:

事件： //跳转页面 JumpPage(product){ let Detail= this.$router.resolve({ //要跳转的页面的名称 name:"名称", //传参 query:{"key":value,"key2":value} }) //以新窗口打开 window.open(Detail.href,'_blank') }法二： //跳转页面

HTML：<el-radio-group v-model="radio1" @change="changeI" v-if="use.judge===1"> <el-radio-button :label="item+'班'" v-for="item in companyCut(manage)"></el-radio-button></el-radio-group>JS: data() { return{ manage:'

<template> <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane label="用户管理" name="first">用户管理</el-tab-pane> <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane> <el-tab-pane label=

HTML：<div @click="DiscussClick($event)" id="20" :data-name="李华" :data-question="question"> 内容 //...</div>script： methods: { DiscussClick(a) { alert(a.currentTarget.id) //20 alert(a.currentTarget.da

只需在App.vue中加入： // 解决刷新页面vuex内数据丢失 created(){ //在页面加载时读取sessionStorage里的状态信息 let sessionStorage = window.sessionStorage; if (sessionStorage.getItem("store") ) { this.$store.replaceState(Object.assign({}, this.$store.state,JSON.parse(se

这里使用的v-md-editor 是基于 Vue 开发的 markdown 编辑器组件安装支持vue3的版本：# 使用 npmnpm i @kangc/v-md-editor@next -S在vue3中注册：import { createApp } from 'vue';import VueMarkdownEditor from '@kangc/v-md-editor';import '@kangc/v-md-editor/lib/style/base-editor.css';impo.

今天用vue3配置嵌套路由时，发现刷新页面后，页面变为空白，打开控制台发现报错：Uncaught SyntaxError: Unexpected token '<'解决方法：修改vue.config.js文件： publicPath:"/",注意不是： publicPath:"./",...

近期在写项目时，我把一个项目里各个页面共有的框架写到了一个Frame组件里，然后在App.vue里引用Frame组件，并在Frame组件的插槽里显示router-view，然而在我写该项目的后台页面时，在后台的登录页面和整个后台页面里都不需要显示Frame，以前我用vue2.x的版本写过类似这样的效果，当时的解决办法是：App.vue里：<template> <div id="app"> <Header v-if="Ifshow"></Header&

<div @click="Onclick($event)" id="999">点我<div>Onclick(a){ console.log(a.currentTarget.id) //999}

在写项目用到slot时发现报错：`slot` attributes are deprecated vue/no-deprecated-slot-attribute经查阅资料得知，官方文档里的slot、slot-scope已经弃用原来的使用方法： <div class="content"> <slot name="contrite"></slot> </div> <h1 slot="contrite" class="titl

1.在vue组件中的style中插入css2. 条件查询

在写项目时，用到了各种命令来安装插件，在此记录1.安装路由npm install vue-router安装最新版本的npm install vue-router@next --save在 main.js中添加如下内容：import router from './router'createApp(App).use(router).mount('#app')在router/index.js中配置路由：import { createRouter, createWebHistory }.

今天打算写项目，创建vue脚手架后，创建路由时，路由无法显示，折腾了半天，终于解决了，在此进行记录。刚运行时控制台出现警告："export 'default' (imported as 'Vue') was not found in 'vue'于是我进行搜索查询，找到了这篇博客按照博客上的步骤进行操作，在运行npm uninstall -g @vue/cli时，报了如下错误：npm ERR! code EPERMnpm ERR! syscall mkdirnpm ERR! path C:\P

报错：npm ERR! code 128npm ERR! command failednpm ERR! command git ls-remote ssh://git@github.com/adobe-webplatform/eve.gitnpm ERR! git@github.com: Permission denied (publickey).npm ERR! fatal: Could not read from remote repository.npm ERR!npm ERR! Ple

转载于：http://www.javaboy.org/2019/0521/springboot-vue-axios.htmlSpring Boot + Vue 前后端分离开发，前端网络请求封装与配置前端网络访问，主流方案就是 Ajax，Vue 也不例外，在 Vue2.0 之前，网络访问较多的采用 vue-resources，Vue2.0 之后，官方不再建议使用 vue-resources ，这个项目本身也停止维护，目前建议使用的方案是 axios。今天松哥就带大家来看看 axios 的使用。axios

1.vue-router重定向2. 通过H5中的history改变路径：添加mode: 'history'添加前：添加后：router-link其它属性例： <router-link to="/home" tag="button" replace>首页</router-link>路由代码跳转动态路由...

一，安装vue-cli最新版本//全局安装npm install -g @vue/cli拉取2.x模板（旧版本）npm install -g @vue/cli-init二，初始化项目Vue CLI2初始化项目：vue init webpack my-project(项目名不能有中文)Vue CLI3初始化项目：vue create my-projectVue CLI2安装过程：目录结构：三，运行安装依赖先cd到项目文件夹，再运行指令npm install运行项

一，v-bind介绍二，v-bind实践<body> <div id="app"> <!-- 错误做法 --> <!-- <img src="{{imgURL}}" alt=""> --> <img v-bind:src="imgURL" alt=""> <a v-bind:href="aHref">百度一下</a> &

v-once指令的使用：可终止前端页面响应数据，如下即终止了h2对数据的响应，在浏览器改变vue.js中message的内容时，h2不会跟着改变,而h1会跟着改变，视频讲解<h1>{{message}}</h> //1<h2 v-once>{{message}}</h2> //2v-pre指令v-cloak指令...