qq_32054169的博客

ajax/axios/fetch区别及webSocket通信原理

当执行 import vue from ‘vue’ 时发生了什么

nextTick 是一个用于在 DOM 更新完成后执行回调函数的方法。在 Vue.js 或其他类似框架中，当我们修改了数据后，DOM 并不会立即更新，而是会进入一个队列中，然后在下一个 tick 执行更新。nextTick 提供了一种方式，使我们能够在 DOM 更新完成后执行一些操作，例如获取更新后的 DOM 元素。

指令的本质就是自定义属性,Vue中指定都是以 v- 开头 v-cloak可以解决插值表达式{{}}带来的页面加载时出现闪烁问题,方法为:(1)通过属性选择器 选择到 带有属性 v-cloak的标签 让他隐藏 (2)让带有插值 语法的 添加 v-cloak 属性在 数据渲染完场之后，v-cloak 属性会被自动去除，v-cloak一旦移除也就是没有这个属性了 属性选择器就选择不到该标签...

官方文档：1.data选项哪去了？回想我们在Vue2中创建响应式数据是这样的:...data() { return { num:1 }}...而Vue3会setup组合式API这个选项了，为此引入了ref、reactive等响应式API，来看看怎么写的吧:<template> <div>num:{{num}}</div> <div>refNum:{{refNum}}</div> &l..

1.vue cli 3 打包部署到服务器上出现net::ERR_ABORTED 404 (Not Found)问题解决解决方法：配置vue.config.js如下：module.exports = { publicPath: "./"}2.vue cli打包后运行使用npm run build命令进行打包，但是直接打开index.html是无法看到内容的，因为无法加载其中的内容，所以必须使用服务器来打开网页，这里以express服务器为例查看1.全局安装express-g.

https://blog.youkuaiyun.com/baidu_41601048/article/details/83413884

1.vuex概述1.1组件之间共享数据的方式父向子传值:v-bind属性绑定子向父传值:v-on事件绑定兄弟组件之间共享数据:EventBus$on 接收数据的那个组件 $emit发送数据的那个组件(适合小范围内数据共享)1.2vuex是什么vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间数据的共享1.3使用vuex统一管理状态的好处...

安装vue官网给的链接https://github.com/vuejs/vue-devtools依次克隆仓库,npm install,npm run build,中间还安装了webpack及webpack-cli,最后仍报错无法解决Error: Cannot find module '@vue-devtools/build-tools'最后试了其他办法安装1.访问该地址：vue调试工...

1.在GitHub找到下载nvm的地址,https://github.com/coreybutler/nvm-windows/releases,2.下载完双击安装即可安装成功的话,在控制台输入nvm,即可出现nvm版本及相关用法说明3.查看node可用版本 node list available4.配置settings.txt用where nvm,找到nvm安装...

1.vue的生命周期beforeCreate:组件刚刚被创建created:组件创建完成beforeMount:挂载之前mounted:挂载之后beforeDestory:组件销毁前使用destoryed:组件销毁后调用2.安装安装node->安装npm->安装vue->安装git#全局安装vue-clinpm install --glob...

第一章 课程介绍vue框架对比 Vue和react对比angular提供的更多是一整套解决方案,后者更像是一个生态 Vue和react目前都使用了virtual DOMVue模板和渲染函数的弹性选择 简单的语法及项目创建 更快的渲染速度和更小的体积react更适用于大型应用和更好的可测试性 同时适用于web端和原生APP 更大的生态圈带来更多支持和工具Vue和r...

路由原理传统开发方式,url改变后立刻发起请求,响应整个页面,渲染整个页面 SPA锚点值改变后,,不会发起请求,发起ajax请求,局部改变页面数据,页面不跳转,用户体验更好SPAsingle page application(单页面应用程序) 前端路由锚点值监视ajax获取动态数据核心是锚点值前端页面Vue/angular/react都适合开发单页应用基本使用vu...

历史介绍angular 09年,年份较早,一开始大家是拒绝  star 33.4k react 2013年,用户体验好,知道拉到一堆粉丝  star:89k Vue 2014年,用户体验好, star:84.6k前端框架与库的区别?jQuery:-&gt;DOM(操作DOM)+请求 art-template-&gt;模板引擎 框架=全方位功能齐全  简易的DOM体验+发请求+模...

注册全局组件应用场景:多处使用:的公共功能组件,就可以注册全局组件,减少冗余代码 全局API:Vue.component('组件名',组件对象); &lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="view