zhishiyv - 博客园

Vue data对象隔离问题

摘要： vue 中组件经常会遇到复用的情况，这时就要注意，vue 组件中的 data 数据应当相互隔离，互不影响，组件每复用一次，都有一个私有的数据空间，可以维护自己的数据。当我们组件的data写成了对象形式，这些实例用的是同一个构造函数，将导致所有的组件实例共用了一个 data ，就会造成一个变了全都会阅读全文

posted @ 2021-01-26 10:14 zhishiyv 阅读(815) 评论(0) 推荐(0) 编辑

vue @路径问题

摘要： Vue @路径问题疑问？ import store from '@/vuex/store' 与： import store from './vuex/store' 有什么区别？ import store from './vuex/store'是相对路径，代表当前路径同级下vuex下的store i 阅读全文

posted @ 2021-01-25 17:52 zhishiyv 阅读(1289) 评论(0) 推荐(1) 编辑

ElementUI 时间选择器

摘要：时间选择器 <el-date-picker v-model="datemessage" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" ></el-date-picker> 阅读全文

posted @ 2021-01-25 11:51 zhishiyv 阅读(163) 评论(0) 推荐(0) 编辑

ES6 export和import

摘要：模块主要由两个命令构成：export和import export命令用于规定模块的对外接口，import命令用于输入其他模块提供的功能。示例1、导出文件 ( flashMessage.js ) export default function(message){ alert(message); } 阅读全文

posted @ 2021-01-25 11:25 zhishiyv 阅读(70) 评论(0) 推荐(0) 编辑

vue组件

摘要： Vue 组件组件开发模式下，我们的页面就是一堆component组件按照逻辑关系堆砌出来的，组件是Vue非常用特色的功能之一，组件都是模块化开发，组件实例之间的作用域是相互独立的。所有的vue.js组件都是扩展的vue实例 var MyComponent = Vue.extend({ //扩展选阅读全文

posted @ 2021-01-25 11:08 zhishiyv 阅读(86) 评论(0) 推荐(0) 编辑

ElementUI 表格

摘要：表格 table表组件 <div class="table"> <el-table :data="tabledata" style="width: 100%"> <el-table-column prop="title" label="标题" width="180"></el-table-colum 阅读全文

posted @ 2021-01-25 10:56 zhishiyv 阅读(173) 评论(0) 推荐(0) 编辑

ElementUI 分页

摘要：分页：分页组件： <el-pagination @current-change="handleCurrentChange" :current-page="pages.currentPage" :page-sizes="[1, 2, 3, 4]" :page-size="pages.pageSize 阅读全文

posted @ 2021-01-25 10:46 zhishiyv 阅读(59) 评论(0) 推荐(0) 编辑

数组方法分类

摘要：数组方法从是否改变数组分为两列：会改变原始数组的方法称之为变异方法，例如：... 不会改变原始数组，总是返回一个新数组的方法称之为非变异方法, 例如：... 阅读全文

posted @ 2021-01-25 10:28 zhishiyv 阅读(99) 评论(0) 推荐(0) 编辑

Vue过滤数组副本

摘要：有时，我们想要显示一个数组的过滤或排序副本，而不实际改变或重置数据。在这种情况下，可以创建返回过滤或排序数组的计算属性。例如： <li v-for="n in evenNumbers">{{ n }}</li>......export default{ ... data: { numbers: [ 阅读全文

posted @ 2021-01-25 10:15 zhishiyv 阅读(160) 评论(0) 推荐(0) 编辑

Generator函数与Promise的结合

摘要：使用 Generator 函数管理流程，遇到异步操作的时候，通常返回一个Promise对象。 function getFoo () { return new Promise(function (resolve, reject){ resolve('foo'); }); } const g = fun 阅读全文

posted @ 2021-01-21 17:37 zhishiyv 阅读(167) 评论(0) 推荐(0) 编辑