Esca的学习之路

watch的常规用法：watch:{tempData:function(value,oldValue){console.log(value,oldValue)}},但是如果需要监听的数据是对象、内嵌多层的对象后，需要用到watch中的deep属性。类似于下面这种对象内嵌的对象：data:()=>({tableData:{lineData:[ {"name":"线路1","type":"长途"},...

有三种解决方案：方案一：利用Vue.set(object,key,val)例：Vue.set(vm.obj,'key','value')方案二：利用this.$set(this.obj,key,val)例：this.$set(this.obj,'key','value')方案三：利用Object.assign({}，this.obj)创建新对象Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。例：con...

Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 如果目标对象中的属性具有相同的键，则属性将被源对象中的属性覆盖。后面的源对象的属性将类似地覆盖前面的源对象的属性。 Object.assign 方法只会拷贝源对象自身的并且可枚举的属性到目标对象。该方法使用源对象的[[Get]]和目标对象的[[Set]]，所以它会调用相关 getter 和 setter。因此，它分配属性，而不仅仅是复制或定义新的属性。如果合并源包含gette.

路由懒加载的小技巧一般来说当我们的项目越来越大的时候，我们打包的文件也越来越大。这时候我们的首屏加载就会很慢。因此我们会使用到路由的懒加载机制来对我们的模块进行划分export default new Router({ mode: 'history', base: process.env.BASE_URL, routes: [ { path: '/A', component: () => import('./components/A.vue'),

修改build/webpack.base.conf.js....module.exports = { .... // 表示不需要webpack打包的文件 externals: { 'vue': 'Vue', 'element-ui': 'ELEMENT' }}修改 main.js 注释掉 Vue 和 ElementUI// import Vue from 'vue'// import ElementUI from 'element-ui'//..

vue 路由懒加载 resolve vue-router配置使用方法1:这是异步加载代码的旧写法. 1 component:resolve => require(['@/pages/About'],resolve)//"@"相当于".." 使用方法2：你可以改写成以下比较容易理解的写法.component:()=>import('@/page/index')懒加载router/index.js...

新建完项目，先做好准备工作1 定义全局路由import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)export default new Router({ routes: [ { path: '/', redirect : '/home', name: 'index', component : () => import('@/page/hom.

vuex store 是响应式的，当vue组件从store中读取状态（state）时，若store中的状态发生更新时，会及时的响应给其他的组件。store 中的四个核心选项: state mutation getters actions1）state是用来存放组件之间共享的数据，一般会在组件的计算属性中获取state的数据。使用：this.$store.state. ...2)在 Vuex store 中，实际改变 状态(state) 的唯一方式是通过提交...