课程目录 day1视频： 01.反馈 02.vue课程介绍 03.什么是Vue 04.为什么要学习前端的流行框架 05.框架和库的区别 06.MVC和MVVM的关系图解 07.Vue基本代码和MVVM之间对应关系 08.讲解v-cloak、v-text、v-HTML的基本使用 09.v-bind指令的学习 10.使用v-on指令定义Vue中的事件 11.跑马灯效果制作-上 12.跑马灯效果制作-下 13.事件修饰符的介绍 14.讲解v-model实现表单元素的数据双向绑定 15.使用v-mod

在vue项目日常开发中，难免要把功能性组件抽离出来，这样结构就会出现父子组价，兄弟组件等，但是这样就会涉及到不同组件需要互相使用其中的值得问题。 之前有说过通过ref来让父组件操作子组件，并且传值，那么我们今天来详细看看。 案例一：点击父组件的按钮，操作子组件显示 注：可以通过获取id/class来操作，这里我就不介绍这种方法了，至于jquery的话，在vue中还是慎用。 介绍：这里通过给子组件绑定ref属性，引号命名自定义，然后父组件通过 this.$refs.名字 就可以操作子组件的元素，以

一.html {{item.name}} 二.scr ipt //子组件 const cpn ={ template:#cpn, data () { return { movies:[ {id : aaa , name : 家用电器}, {id : bbb , name : 数码宝贝}, {id : ccc , name : 硕果累累}, {id : ddd , n

1.vue中各个组件之间传值 1.父子组件 父组件–>子组件，通过子组件的自定义属性：props 子组件–>父组件，通过自定义事件：this.emit(′事件名′,参数1,参数2,…); 2.非父子组件或父子组件通过数据总数Bus，this.root.$emit(‘事件名’,参数1,参数2,…) 3.非父子组件或父子组件 更好的方式是在vue中使用vuex 方法1: 用组件之间通讯。这样写很麻烦，并且写着写着，估计自己都不知道这是啥了，很容易写晕。 方法2: 我们定义全局变量。模块a

Nuxt嵌套路由官网上的API详解：点击链接 看了官网上的api实现了官网的案例你会发现访问父页面中只能显示父页面中的内容，要想默认的在区域显示一个页面内容怎么办？ 自己案例代码： pages/parent.vue 父组件的页面的内容 child child2</nux