Perfree

简简单单的生活,安安静静的写博客

computed和watch的区别
computed是基于依赖进行缓存的。用通俗一点的话讲就是,计算属性的触发条件是他的依赖变化了才会重新执行,watch则是监听某一个值的变化,一旦这个值发生变化了,我们就可以触发一个回调来执行相应的事情 所以我觉得主要区别在于当我们有一些数据需要随着另外的一些数据变化时,我们就用computed,而
data必须是函数
我们先在全局注册一个组件,这里需要注意的是,全局注册组件代码,必须在new一个vue实例之前,不然不生效! Vue.component('Test', { data: function () { return { age: 0 } }, template: '
MVC与MVVM的区别
MVC MVC全名是Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写 M: 您可以简单的认为它是一个数据模型,它里面放置了我的各种数据,一般这些数据我们都是通过后台获取到的,Model的作用主要在于对数据的存放以及获取 V: 您
Vue的生命周期
new Vue() 创建了一个实例化对象 Init Events && Lifecycle 然后进行初始化一些事件,初始化一些生命周期函数,初始化渲染!::: tip这里的初始化渲染指的是给vm添加了虚拟dom,初始化了生命周期才能使我后面能调用beforeCreate()等生命周
谈谈Vuex
Vuex,它是一个集中式存储和管理Vue所有组件的状态,并且可以通过相应规则改变状态的插件 Vuex主要包含5个属性: state、 getter、 mutation、 action、 moudle,它们都是对象! state : 它是专门用来存储和管理数据的,可以通过this.$store.s
name的作用
先来看下代码是怎么样的吧! export default { name: 'DetailList', props: ['list'], mounted () { console.log(this.list) } } <template> <div>
Vuex的使用
安装 npm npm install vuex --save Yarn yarn add vuex 引入使用 创建一个store.js文件,作为我的主文件 // 引入vue以及vuex import Vue from 'vue' import Vuex from 'vuex' // 使用插件 V
watch更新不能直接操作dom
有一个shop组件一个good组件,shop组件用来从后台中请求good需要的相应数据可是good是shop的子组件,并且我重定向到了good,可是此时我的请求还没有回来,我的good还没有数据,此时我就想到我只能通过watch来监视我good数据 一旦我的数据发生改变了,我就调用我对应的需要实现业
better-scroll实现左右同步滑动
今天想实现右侧导航滑动的时候,我对应的左侧也会随之滑动到对应的位置,并且点击对应类目,右边就会跳转到对应的位置,也就就是说它们是相互的关系! 想了想,大概的思想就是,提取我右边每个li的高度,一个li对应左边的一个li,它们是一一对应的,所以当我右边滑动到一定的距离,我就通过index值和滑动高度
element ui日期限制选择范围
限制选择日期的范围 如果我们需要对日期限制在特定的日期内,就是用户只能选择某个特定时间段的日期,我们应该如何设置呢 我们可以看到官网 日期配置项当中,有个属性 picker-options ,看到它的功能介绍,仅仅只是说可以让你有个快速选择日期的功能,并没有限制您的日期输入呀,可是细心发现,这个属性

标签