随笔分类 - vue
1
摘要：vue 中使用$router.push() 跳转至新页面 let route = this.$router.resolve({ path: '/home', query: { id: 1 } }); window.open(route.href, '_blank');
阅读全文
摘要：1.$route 与 $router 区别 router 为 VueRouter 的实例，相当于一个全局的路由器对象，里面含有汗多属性和子对象，例如 history 对象，经常用的跳转链接就可以用this.$router.push()和router-link跳转一样，它是一个路由对象，可以方便的使用
阅读全文
摘要：直接上代码 class MYPromise { static PADDING = 'padding' static FULFILLED = 'fulfilled' static REJECTED = 'rejected' constructor(execute) { this.state = MYP
阅读全文
摘要：方式一、 props / $emit 父组件铜鼓偶 props 向子组件传递数据，子组件通过 $emit 向父组件传递数据，在父组件中通过 v-on 接受。 不详细说明了，比较简单 方式二、$emit / $on 中央事件总线 这种方法通过一个空的 vue 实例作为中央事件总线，用它来触发事件和监听
阅读全文
摘要：一、指令 1.v-text <span v-text="msg"></span> <!-- 两种写法是一样的 --> <span>{{ msg }}</span> 2.v-html 更新元素的 innerHTML ，内容按普通 HTML 插入，不会作为 Vue 模板进行编译，如果试图使用 v-htm
阅读全文
摘要：一、实例 property 1.vm.$data Vue 实例观察的数据对象，Vue 实例代理了对其 data 对象 property 的的访问 2.vm.$props 当前组件接收到的 props 对象。Vue实例代理了对其 props 对象 property 的访问 3.vm.$el Vue 实
阅读全文
摘要：一、选项 / 数据 1.data 当一个组件被定义，data 必须声明为返回一个初始数据对象的函数，因为组件可能被用来创建多个实例，如果 data 仍然是一个纯碎的对象，则所有的实例将被共享引用同一个数据对象。通过提供 data 函数，每次创建一个新实例后，我们能够调用 data 函数，从而返回初始
阅读全文
摘要：1.Vue.extend(options) 构造器，创建一个 子类 。参数是一个包含组件选项的对象 data 选项是特例，需要注意 在 Vue.extend() 中它必须是一个函数， <div id="test"></div> // 创建构造器 let MyTest = Vue.extend({ t
阅读全文
摘要：一、使用http-server 1.安装http-server npm install -g http-server 2.通过命令进入到dist文件夹 3.运行http-server 以上在浏览器输入上面地址就可以访问了 二、使用nodejs和express搭建服务器 使用express可以快速搭建
阅读全文
摘要：以自定义下载loading为例 1.首先创建自定义组件文件 2.编辑下载loading自定义组件中的内容 <template> <div> <el-dialog fullscreen modal-append-to-body custom-class="data-download" :visible
阅读全文
摘要：data(){ return{ todos: [ {name: 'aa', age: 22}, {name: 'bb', age: 23} ] } } methods:{ changeTodos(){ this.todos[0]={name: 'zz', age: 12} } } 上面我们在改变to
阅读全文
摘要：第一次打包vue的项目部署到服务器，发现首次加载特别的缓慢要几十秒才加载出来，完全没有在本地开发环境上那么流畅。主要原因是页面在打包后没有进行相关的配置导致资源文件特别大，一次想要全部加载完成回特别的耗时。 下面是总结的vue项目性能优化的方案 一：vue-router 路由 懒加载 在使用同步的方
阅读全文
摘要：1.打包项目时，会默认把存放在public内的小于4k的图片转换成base64，作为内联样式。 可以在vue.config.js中修改默认大小，在chainWepack:config=>{}中添加 chainWepack:config=>{ config.module .rule('images')
阅读全文
摘要：为给客户更好的客户体验，首屏组件加载速度更快一些，解决白屏问题。 懒加载简单来说就是延迟加载或按需加载，即在需要的时候的时候进行加载。 常用的懒加载方式有两种：即使用vue异步组件 和 ES中的import 1.未使用懒加载和使用异步组件懒加载 方法：component: resolve=>(req
阅读全文
摘要：1.首先在配置文件中添加 cnpm install 下载jquery文件 2.在webpack配置文件中添加下面代码 3.接着在webpack.base.conf.js中module.exports的最后加入下面代码 4.最后在main.js中全局引入 5.引入完成以后重启项目，就可以在全局使用jq
阅读全文
摘要：1.以封装的合并单元格为例，首先建立一个util.js 2.在main.js中引用 3.直接在使用该方法的地方调用就可以了
阅读全文
摘要：接着写两个方法--最后一行合计的方法 --单元格合并的方法 先写一个rowspan方法，计算出spanArr数组是怎么单元格合并的，注意rowspan方法要在渲染完成之前使用，可以在mounted中使用。然后应用到objectSpanMethod方法里面进行单元格合并
阅读全文
摘要：一.vuex状态管理 1.先创建一个vuex的js文件 2.接着在组件中使用store，获得/改变store中的数据和方法 3.在另一个组件中使用store，也可以获得/改变store中的数据和方法 4.也可以把里面的内容都单独封装，写成独立的js文件 action.js/getters.js/in
阅读全文
摘要：beforeCreate 在实例初始化之后，数据和事件配置之前被调用（可以在这加个loading事件） created 实例已经创建完成之后被调用，但是还没有挂载，$el属性目前不可见。 el还是undefined，而数据已经与data中的属性进行绑定（放在data中属性当值发生改变的同时，视图也会
阅读全文
1
浙公网安备 33010602011771号