![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
加油加油!
天天脱发也不会秃
这个作者很懒,什么都没留下…
展开
-
webpack入门
Vue是如今前端比较火的javascript MVVM的框架,其主要思想是数据驱动与组件化。在MVVM框架中,View层和Model层相互之间是没有联系的,通过ViewModel使View和Model之间产生交互。ViewModel是Vue实例的核心,创建Vue实例主要就是创建ViewModel的各个组成部分。DOM Listener和Data Bindings可以看成数据绑定的两...转载 2019-01-11 19:31:18 · 145 阅读 · 0 评论 -
父子组件之间的通信(二)
上一篇主要使用props属性和emit事件进行父子组件之间的通信,但是这种方法有局限性,父子组件之间通信的内容只能是data,不能整个对象进行传递通信,那么我们子组件怎么调用父组件中的方法呢?子组件如何调用父组件对象,有两种方式:1.使用$children,但是该方法有一定的局限性,一般不推荐使用。下面通过代码演示如何调用父组件对象。<!DOCTYPE html><htm...原创 2019-11-10 18:27:02 · 94 阅读 · 0 评论 -
Vue组件-插槽
在生活中,很多地方都有插槽,电脑的USB、电源插槽等,插槽的目的是为了让我们原来的设备具备 更多的扩展性。组件的插槽是为了让我们封装的组件更加具有扩展性,让使用者可以决定组件内部的一些东西到底展示什么。比如,移动网站中的导航栏。在移动开发中,几乎每个页面都有导航栏,这种导航栏我们必然会封装成一个插槽,比如nav-bar组件,一旦有了这个组件,我们就可以在多个页面中复用了。那么如何封装这类组件呢:...原创 2019-11-11 20:31:56 · 166 阅读 · 0 评论 -
Vue中父子组件通信的小案例
Vue中父子组件通信的小案例由于父子组件中的data是独立的,所以不能相互直接通信,但是在一些开发中,一些数据往往是需要从上级传递到下层的,比如在一个页面中,我们从服务器请求到了很多数据,其中一部分并非是我们整个页面的大组件展示的,而是需要我们小组件展示,这时,并不会让子组件再次发送一个请求,而是让大组件直接传递给小组件。那么如何进行父子组件之间的通信呢?1.父组件向子组件传递消息:通过p...原创 2019-11-09 23:43:45 · 232 阅读 · 0 评论 -
Vue中mint-ui使用详解
这次给大家带来vue中mint-ui使用详解,vue中mint-ui使用的注意事项有哪些,下面就是实战案例,一起来看一下。 mint-ui在vue中的使用,供大家参考,具体内容如下首先放上mint-ui中文文档近来在使用mint-ui,发现部分插件在讲解上并不是很详细,部分实例找不到使用的代...转载 2019-01-13 21:55:23 · 488 阅读 · 1 评论 -
Vue组件
vue组件全局注册:<body> <div id='app'> <my-component></my-component> </div> <script src="http://cdn.bootcss....转载 2019-01-12 18:30:40 · 91 阅读 · 1 评论 -
webpack结合vue.js的使用
注意:有时候使用npm i node-sass -D装不上,这时候,就必须使用 cnpm i node-sass -D在普通页面中使用render函数渲染组件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <转载 2019-01-12 18:20:40 · 274 阅读 · 0 评论