写一个头部组件 <template> <header class="header"> <slot name="left"></slot> //插槽占位 识别用不同的name…

v-model双向绑定数据 <input type="text" v-model="msg"> {{msg}} ###v-on 事件 <div id="box"> <button v-on:…

组件名 1、使用 kebab-case Vue.component('my-component-name', { /* ... */ }) 2、使用 PascalCase Vue.component('MyCompone…

最近开始慢慢接触vue的学习，希望每天能记录一下学习的内容，好记性不如烂笔头。 vue中的代码与MVVM的关系   首先我们解释一下什么的是MVVM，MVVM是针对前端而言的一种模式，目前流行的框架都是这种模式，分为三层…

vue中哪些赋值方式不会触发更新

作用域插槽 <div id="root"> <child></child> </div> Vue.component('child', { data(){ return {…

多个元素之间过渡动画效果 多元素之间如何实现过渡动画效果呢？看下面代码 .fade-enter, .fade-leave-to{ opacity: 0; } .fade-enter-active, .fade-leave…

开发模式要知道，跨域这个行为是浏览器禁止的，但是服务端并不禁止。使用proxyTable的原理就是将域名发送给本地的服务器，再由本地的服务器去请求真正的服务器。 打开config/index.js，修改dev里的prox…

在文章 源码学习VUE之响应式原理我们大概描述了响应式的实现流程，主要写了observe,dep和wather的简易实现，以及推导思路。但相应代码逻辑并不完善，今天我们再来填之前的一些坑。 Observe 之前实现的ob…

1、__ <script type=”text/javascript”> var app=new Vue({ el:'#app', data:{ isLogin: false } })…

props使用细节 在Vue.js中我们可以使用 props 实现父组件传递数据给子组件，下面我们总结一下props的使用细节 1.基础类型检查 2.必填数据 3.默认值 4.自定义验证函数 其中每一项也有很多细节，具体…

前言 在 Vue 项目中父子组件的通信是非常常见的，最近做项目的时候发现对这方面的知识还不怎么熟练，在这边做一下笔记，系统学习一下吧。 1 父组件传值给子组件 1.1 传值写法 父组件传值给子组件，这个就比较常见了，直接…