随笔分类 - vue
摘要：数据相关的 Vue.set 向响应式对象中添加一个属性，并确保这个新属性同样是响应式的，且触发视图更新。使用方法： Vue.set(target, propertyName/index, value)范例：批量设置商品价格 <template> <!--添加批量价格更新--> <p> <input
阅读全文
摘要：Vuex整理 Vuex的产生的原因： 一般的项目中的数据与视图的关系都是“单向数据流” 即：state在view中展示、action进行state中的状态变化、view中用户进行操作触发action 当多个组件共享同一个状态的时候，单向数据流的简洁模式就会被破坏。可以使用下边的方式解决这些问题 常规
阅读全文
摘要：在进行vue项目开发的时候页面中的需要对查看过的页面进行缓存，普通的页面不进行缓存不会出现问题，最多就是在打开页面的时候重新进行渲染，但是当涉及到带有参数的路由跳转的时候在第一次跳转过后页面不会出现问题，但是在切换标签页后，在切换回带有路由参数进行查询的页面的时候，原来带的查询条件就会消失，传过去的
阅读全文
摘要：页面中有弹框的时候就会出现对弹框中的内容进行操作的情况，但是在操作之后关闭弹框后再次打开，弹框中还是之前的操作过的页面，我们希望弹框是进行了重新初始化的， elementui的form组件中提供了一个resetFields的方法可以重置form表单的内容 但是当弹框中含有我们自己封装的组件的时候就没
阅读全文
摘要：在iframe引入的页面中，通过事件触发的方式进行传递参数，其中data是一个标识符的作用，在main.js中通过data进行判断，params是要传递的参数 在vue项目的main.js中，在页面加载的时候会触发一次message事件，所以要通过标识符判断来进行参数的接受，不然直接触发就会报错，在
阅读全文
摘要：最近公司因为原来的jq框架存在的问题太多，所以要进行主题框架的重新搭建，我使用的vue进行的主题框架的重新搭建，但是原来的页面已经完成很多了，而且都是使用的jquery进行开发的 在vue中引入jquery项目的关键就是在组件中通过iframe进行引入，在开发的时候把原来的jquery放在publi
阅读全文
摘要：以上是简易的实现过程，一下是我整理了一份思路导图
阅读全文
摘要：上述实例中在没有token的情况下出现无限循环 原因分析： 在设置路由拦截的时候当指向另一个地址的时候还会触发一次路由拦截，既每次地址栏的变化都会触发一次路由拦截，在没有token值的时候会一直向404跳转，所以会出现无限循环的情况 需要在进行跳转的时候有一个满足跳转条件的来阻止跳转带来的路由拦截
阅读全文
摘要：vue-cli安装 vue-cli的版本查看 vue-cli的3.0+以后使用的不是vue-cli了，如果用以上的安装命令安装的并不是最新版的3.0+的，而如果安装3.0的话就需要使用新的 如果原来已经安装了vue-cli的话需要先卸载原来的安装
阅读全文
摘要：初始化 在 new Vue() 时会调⽤用_init()进⾏行行初始化，会初始化各种实例例⽅方法、全局⽅方法、执⾏行行⼀一些⽣生命周期、 初始化props、 data等状态。其中最重要的是data的「响应化」处理理。 初始化之后调⽤用 $mount 挂载组件，主要执⾏行行编译和⾸首次更更新 编译 编
阅读全文
摘要：每个节点都有一个 nodeType 属性，用于表明节点的类型，节点类型由 Node 类型中定义12个常量表示： nodeType在vue中的应用 在vue编译的过程中需要查找html结构中的双大括号，或者@事件等代表vue中的数据及方法的属性值，通过编译将查找到的部分使用vue实例中的属性或方法替换
阅读全文
摘要：数据对象合并 数据对象在内部会进行浅合并 (一层属性深度)，在和组件的数据发生冲突时以组件数据优先 钩子函数合并 同名钩子函数将混合为一个数组，因此都将被调用。另外，混入对象的钩子将在组件自身钩子之前调用。 methods, components 和 directives合并 methods, co
阅读全文
摘要：组件传值、通信父组件 => 子组件： 属性props 引用refs 子组件chidren 子组件 => 父组件 自定义事件 兄弟组件：通过共同祖辈组件 通过共同的祖辈组件搭桥，$parent或$root。 祖先和后代之间provide/inject：能够实现祖先给后代传值 任意两个组件之间：事件总线
阅读全文
摘要：在使用vue的时候会出现切换路由的时候滚动条保持在原来的位置，要切换路由的时候滚动条回到顶部才有更好的用户体验 1、当页面整体都要滚动到顶部的情况 2、当页面中的其中一个组件中需要滚动到顶部的时候 其中this.$refs获取页面中添加ref属性的元素，上面的content2就是滚动的元素添加的re
阅读全文
摘要：最近在网上找了个vue搭建的后台管理的框架，在使用的时候发现没有了config和build文件夹，所以当时就蒙圈了，以为是作者自己改了什么东西，所以感觉自己不知道从何下手了，不过通过查资料发现原来是vue-cli2和3的config不相同，vue-cli3更加简洁了而已，vue.config.js是
阅读全文
摘要：今天vue项目中用到的元素的宽度依赖与窗口的宽度，所以在进行宽度设置的时候涉及到窗口的变化，因为元素的宽度要随着窗口变化 分成几个步骤来实现这一过程 1、首先元素的宽度依赖与窗口的宽度，就需要有接受窗口宽度的变量 在data中设置： 2、窗口变化的时候需要及时的更新变量的值 在mounted中设置监
阅读全文
摘要：在build/utils.js下找到 加上
阅读全文
摘要：在使用vue打包的时候页面显示空白，并且控制台不报错 设置vue-router的时候mode设置为history模式了，这种模式要有后台的配合，一般还是使用哈希模式就不会出现页面空白了。
阅读全文
摘要：在router文件夹下的index.js中的router实例中添加mode属性，值设置为history 使用这种模式需要后端的配合，如果没有后端的配合在打包的时候页面会是空白的。一般还是使用hash模式
阅读全文