![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 62
夏天丫丫
自从穿了格子衫,就立誓成为一名程序员
展开
-
vue 项目 -- 从 vue-cli 开始
从 vue-cli 开始搭建一个 vue 项目最简单的方式就是使用官方的脚手架工具,他提供了现代前端工作流的构建设置,只需要几分钟时间就可以运行带有 热更新 Eslint 打包 功能的项目。vue-cli 的安装比较简单,基本上跟着官网的步骤就可以安装前提条件: Node.js 版本在 6.x 以上, npm 版本在 3 以上, 并且要已经安装了 gitnpm ins...原创 2018-07-24 22:34:00 · 195 阅读 · 0 评论 -
Vue 数组和对象更新后页面 DOM (二)
上篇文章Vue 数组和对象更新后页面 DOM 不更新问题的解决方法。能够解决很多页面数据响应的问题,但是最近在项目中发现在某些情况下上篇文章的解决方式并不是针对任何问题的。假设数据结构是下面的情况:polist:{ ..., list:{ itemlist:[ {a:1}, {a:2} ]...原创 2018-07-24 23:17:22 · 631 阅读 · 0 评论 -
解决深层次组件间的通信 $attrs, $listeners
inheritAttrs在谈及深层次组件通信之前先说一下 inheritAttrs, 这个属性在官网中是这样解释的:默认情况下父作用域的不被认作 props 的特性绑定将会 ‘回退’ 且作为普通的 HTML 特性应用在子组件的跟元素上。 当撰写包裹一个目标元素或者另一个组件的组件时,这可能不会总是符合预期行为。 通过设置 inheritAttrs 为 false, 这些默认行为将会被去掉。 ...原创 2018-11-02 17:00:32 · 1512 阅读 · 1 评论 -
v-model 解析 和 自定义 v-model
$emmit 和 $v-onvue 组件之间数据绑定是基于单项绑定的,想要父子组件之间的数据和行为的交互要使用 $emit和 $v-on。<!-- child component --><template> <dev @click='handleClik'> {{value}} </dev>&lt原创 2018-11-02 14:15:38 · 6830 阅读 · 2 评论 -
vue 双向数据绑定的终极实现 -- .sync
sync 修饰符在 vue 项目中,父子组件之间的数据通信为:父级组件改变子组件数据:// 父组件<father :status='statusValue'>//子组件...<div>{{status}}</div>... props:['status']子组件改变父组件数据://子组件...<div原创 2018-08-07 19:35:16 · 7575 阅读 · 0 评论 -
vue 解决兄弟组件、跨组件深层次的通信问题
兄弟组件之间的通信同样是在项目中经常会遇到的组件间的通信问题之一, 这种问题的最根本方法就是: 把兄弟组件内部的变量提升到一个中央仓库。借助父级组件链式交互使子组件1 通过 $emit 通知父级, 父级再通过响应 子组件1 的事件去触发子组件2的事件,这样的链式操作,在子组件不多的时候,但是一个不错的解决方法子组件1<template> <div> &l...原创 2018-11-02 19:43:54 · 9582 阅读 · 2 评论