随笔分类 - vue
vue相关知识点
摘要：关于FormData XMLHttpRequest Level 2添加了一个新的接口FormData.利用FormData对象,我们可以通过JavaScript用一些键值对来模拟一系列表单控件,我们还可以使用XMLHttpRequest的send()方法来异步的提交这个"表单".比起普通的ajax,
阅读全文
摘要：
阅读全文
摘要：单页面应用 单页面应用(single-page application)，是一个应用程序，它可以加载单个 HTML 页面，以及运行应用程序所需的所有必要资源（例如 JavaScript 和 CSS）。与页面或后续页面的任何交互，都不再需要往返 server 加载资源，即页面不会重新加载。 你可以使用
阅读全文
摘要：虽然网上都在将，React和Vue等框架尽量减少直接的DOM操作，但还有有些情况，必须直接操作
阅读全文
摘要：方式有两种 1、路由元信息（2.1.0版本之前） 2、属性方式（2.1.0版本之后新增） Vue2.1.0之前: 想实现类似的操作，你可以： 配置一下路由元信息 创建两个keep-alive标签 使用v-if通过路由元信息判断缓存哪些路由。 <keep-alive> <router-view v-i
阅读全文
摘要：keep-alive 简介 keep-alive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。 用法也很简单： <keep-alive> <component> <!-- 该组件将被缓存！ --> </component> </keep-alive> props incl
阅读全文
摘要：什么是Vue.nextTick()？？ 定义：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。 所以就衍生出了这个获取更新后的DOM的Vue方法。所以放在Vue.nextTick()回调函数中的执行的应该是会对DOM进行操作的 js代码； 理解：n
阅读全文
摘要：vue生命周期流程图：4张图 ： 生命周期的解析和应用： Vue 实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。通俗说就是 Vue 实例从创建到销毁的过程，就是生命周期。 beforecreate :
阅读全文
摘要：vue生命周期简介 咱们从上图可以很明显的看出现在vue2.0都包括了哪些生命周期的函数了。 生命周期探究 对于执行顺序和什么时候执行，看上面两个图基本有个了解了。下面我们将结合代码去看看钩子函数的执行。 ps:下面代码可以直接复制出去执行 <!DOCTYPE html> <html> <head>
阅读全文
摘要：目录 Vue实例的生命周期全过程（图） 在beforeCreate和created钩子函数间的生命周期 created钩子函数和beforeMount间的生命周期 el选项的有无对生命周期过程的影响 template参数选项的有无对生命周期的影响 Vue的编译过程——把模板编译成 render 函数
阅读全文
摘要：computed是用来把多个基础的数据组合成一个复杂的数据；同时获得了vue提供的自动变更通知机制。 即将基础数据变为复杂数据，同时获得自动变更通知机制 watch是利用了vue的自动变更通知机制，用于把这一变化扩散出去（实现相关的更新逻辑或者做和computed相反的事情）。 即利用自动变更通知机
阅读全文
摘要：本文简单介绍下三种路由传参： （1）在路由中配置 { path : ‘/home/:id’, name : ‘Dome’, component } 然后写调用的时候 this.$router.push({path : `/describle/${id}`}) 取值： $route.parms.id
阅读全文
摘要：package.json文件配置及其含义，这个是vue-cli自动生成的文件，先贴一张代码及其含义： { "name": "secondproject",//模块名称 "version": "1.0.0",//模块版本 "description": "A Vue.js project",//对模块的
阅读全文
摘要：分享文章： 浅谈vue-cli 3 和 vue-cli 2的区别 https://blog.csdn.net/weixin_42080056/article/details/81631661 vue-cli3运行npm run serve修改为npm run dev https://jingyan.
阅读全文
摘要：首先简单来说明一下$router和$route的区别 //$router : 是路由操作对象，只写对象 //$route : 路由信息对象，只读对象 //操作 路由跳转 this.$router.push({ name:'hello', params:{ name:'word', age:'11'
阅读全文
摘要：首先我们要明白一个前提，CommonJS模块规范和ES6模块规范完全是两种不同的概念。 CommonJS模块规范 Node应用由模块组成，采用CommonJS模块规范。 根据这个规范，每个文件就是一个模块，有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见。 Commo
阅读全文
摘要：（1）传统开发模式MVP 案例：jQuery操作-面向对象 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-compatible" content="IE=Edg,chrome=1"> <meta
阅读全文
摘要：组件化开发 前端组件化是现在前端框架中一个非常重要的思想元素，将页面内容进行拆分之后，可独立维护，可复用性大大提高。哪个地方出问题，直接去修改的对应的组件即可。团队人员配置多的时候，你写你的header，我写我的footer。相互不影响，不冲突。而组件的合理拆分，也就变成了衡量水平的一个维度之一。
阅读全文
摘要：（1）全局的 axios 默认值 axios.defaults.baseURL = 'https://api.example.com';/*默认请求路径*/ axios.defaults.headers.common['Authorization'] = AUTH_TOKEN; /*作者认证*/ a
阅读全文
摘要：先分析下生命周期 beforecreated：el 和 data 并未初始化 created:完成了 data 数据的初始化，el没有 beforeMount：完成了 el 和 data 初始化 mounted ：完成挂载 （1）mounted 很多人跟我说初始化放在Mounted里面， 我问她(他
阅读全文
浙公网安备 33010602011771号