随笔分类 -  Vue

摘要:Vue中watch和computed的对比 共同点: ​ 都是根据数据的变化,对应的函数做出相应的动作。 不同点: computed根据data和props中的数据变换形成新的变量。watch只能监听中data和props中的数据。 computed支持缓存(响应式依赖计算得到的值),而watch不 阅读全文
posted @ 2020-08-02 23:50 coder_xyf 阅读(244) 评论(0) 推荐(0)
摘要:直接代码解说 store/index.js (简单书写) export default new Vuex.Store({ state: { add: 10 }, mutations: { change(state,a) { state.add += a } } }) 在一般的情况下,我们想要拿到ad 阅读全文
posted @ 2020-07-10 15:48 coder_xyf 阅读(378) 评论(0) 推荐(0)
摘要:官网解释 <transition> 元素作为单个元素/组件的过渡效果。<transition> 只会把过渡效果应用到其包裹的内容上,而不会额外渲染 DOM 元素,也不会出现在可被检查的组件层级中。 Props: name - string,用于自动生成 CSS 过渡类名。例如:name: 'fade 阅读全文
posted @ 2020-07-10 11:05 coder_xyf 阅读(604) 评论(0) 推荐(0)
摘要:对表单中的修饰符 .lazy: 加lazy修饰符的区别相当于在输入后失去焦点或者摁了enter键视图才更新。不加lazy则是在keyup就更新 <input v-model.lazy="msg" > .number: 对输入的类型进行限制 <input v-model.number="msg"> . 阅读全文
posted @ 2020-07-08 16:48 coder_xyf 阅读(306) 评论(0) 推荐(0)
摘要:在开发vue的项目中,我们肯定需要对路径进行配置,因为在各个文件中,导入文件什么的,使用./、和 ../这种格式的相对路径,就比较的烦,要对路径的结构相当的熟悉,而且难以维护。所以我们就要去设置别名(alias) 所以需要配置一个JS文件,名字为vue.config.js,与package.json 阅读全文
posted @ 2020-06-12 17:13 coder_xyf 阅读(1748) 评论(0) 推荐(0)