摘要：
computed 是属性调用，而 methods 是函数调用 computed 带有缓存功能（推荐使用），而 methods 不是 官方文档才反复强调对于任何复杂逻辑，你都应当使用计算属性 computed computed 依赖于 data 中的数据，只有在它的相关依赖数据发生改变时才会重新求值 阅读全文
posted @ 2020-04-13 18:49
yun迹
阅读(205)
评论(0)
推荐(0)
摘要：
action 在 vuex 中用于异步 commit 的发送 store.js import Vue from "vue"; import Vuex from "vuex"; Vue.use(Vuex); const store = new Vuex.Store({ //这里的state必须是JSO 阅读全文
posted @ 2020-04-13 18:42
yun迹
阅读(3435)
评论(0)
推荐(0)
摘要：
在store中如果有依赖于state的值而改变的值，相当于是store的computed，此时可以在store中增加一个getters配置项： store.js import Vue from "vue"; import Vuex from "vuex"; Vue.use(Vuex); const 阅读全文
posted @ 2020-04-13 18:38
yun迹
阅读(1258)
评论(0)
推荐(0)
摘要：
为了让 子组件 不用时刻引用 store文件 store.js import Vue from "vue"; import Vuex from "vuex"; Vue.use(Vuex); //必须用Vue.use()来安装 const store = new Vuex.Store({ //这里的s 阅读全文
posted @ 2020-04-13 18:22
yun迹
阅读(159)
评论(0)
推荐(0)
摘要：
创建一个store.js文件： import Vue from "vue"; import Vuex from "vuex"; Vue.use(Vuex); const store = new Vuex.Store({ //这里的state必须是JSON，是一个对象。 state: { count: 阅读全文
posted @ 2020-04-13 18:13
yun迹
阅读(180)
评论(0)
推荐(0)
摘要：
相同点：v-if 与v-show都可以动态控制dom元素显示隐藏 不同点：v-if 显示隐藏是将dom元素整个添加或删除，而v-show隐藏则是为该元素添加css--display:none，dom元素还在。 v-show 隐藏则是为该元素添加 样式。 所以当一个元素默认在css中加了display 阅读全文
posted @ 2020-04-13 17:38
yun迹
阅读(295)
评论(0)
推荐(0)
摘要：
vue1-->vue2 阅读全文
posted @ 2020-04-13 17:18
yun迹
阅读(795)
评论(0)
推荐(0)
摘要：
引用 .vue 之前 MyCompo.js import Vue from "vue"; const MyCompo = Vue.extend({ template : ` <div> <h1>我是MyCompo组件，我的a值是{{a}}，我的c值是：{{c}}</h1> <input type=" 阅读全文
posted @ 2020-04-13 16:58
yun迹
阅读(225)
评论(0)
推荐(0)
摘要：
父组件 <my-compo c="c"></my-compo> 动态传值 <my-compo v-bind:c="c"></my-compo> 子组件 props接收 调用时候 和react不同 不用this.props.c 直接使用{{c}} import Vue from "vue"; cons 阅读全文
posted @ 2020-04-13 16:48
yun迹
阅读(419)
评论(0)
推荐(0)
摘要：
如果data是一个简单对象 那么他的所有子组件 将共享data数据 正确写法 import Vue from "vue"; const MyCompo = Vue.extend({ template : ` `, data : function(){ return { a : 1, b : 2 } 阅读全文
posted @ 2020-04-13 16:33
yun迹
阅读(1101)
评论(0)
推荐(0)
摘要：
<p v-for="item in arr" >{{item}} - {{$index}}</p> //vue1 如果 item 有重复的 元素 由于vue 渲染机理 不会重复渲染 导致问题 解决方案： <p v-for="item in arr" track-by="$index" >{{item 阅读全文
posted @ 2020-04-13 16:24
yun迹
阅读(1932)
评论(0)
推荐(0)
摘要：
只有上面7个方法能够触发数组对视图的更新 比如： this.arr[1] = "幺鸡"; 不会触发更新。 如果就是要改变数组的一项，此时用$set即可： this.arr.$set(1,"幺鸡"); 阅读全文
posted @ 2020-04-13 16:14
yun迹
阅读(1372)
评论(0)
推荐(0)
摘要：
import Vue from "vue"; new Vue({ el : "#mybox", data : { a : 100 }, methods : { add : function(){ this.a ++; } } }); 特别注意，add方法必须用function来定义，不能用()=>{ 阅读全文
posted @ 2020-04-13 15:58
yun迹
阅读(1827)
评论(0)
推荐(0)
浙公网安备 33010602011771号