weixin_44015821的博客

Vue是如今前端比较火的javascript MVVM的框架，其主要思想是数据驱动与组件化。 在MVVM框架中，View层和Model层相互之间是没有联系的，通过ViewModel使View和Model之间产生交互。ViewModel是Vue实例的核心，创建Vue实例主要就是创建ViewModel的各个组成部分。 DOM Listener和Data Bindings可以看成数据绑定的两...

上一篇主要使用props属性和emit事件进行父子组件之间的通信，但是这种方法有局限性，父子组件之间通信的内容只能是data，不能整个对象进行传递通信，那么我们子组件怎么调用父组件中的方法呢？ 子组件如何调用父组件对象，有两种方式： 1.使用$children，但是该方法有一定的局限性，一般不推荐使用。下面通过代码演示如何调用父组件对象。 <!DOCTYPE html> <htm...

在生活中，很多地方都有插槽，电脑的USB、电源插槽等，插槽的目的是为了让我们原来的设备具备 更多的扩展性。组件的插槽是为了让我们封装的组件更加具有扩展性，让使用者可以决定组件内部的一些东西到底展示什么。比如，移动网站中的导航栏。在移动开发中，几乎每个页面都有导航栏，这种导航栏我们必然会封装成一个插槽，比如nav-bar组件，一旦有了这个组件，我们就可以在多个页面中复用了。 那么如何封装这类组件呢：...

Vue中父子组件通信的小案例 由于父子组件中的data是独立的，所以不能相互直接通信，但是在一些开发中，一些数据往往是需要从上级传递到下层的，比如 在一个页面中，我们从服务器请求到了很多数据，其中一部分并非是我们整个页面的大组件展示的，而是需要我们小组件展示，这时，并不会让子组件再次发送一个请求，而是让大组件直接传递给小组件。 那么如何进行父子组件之间的通信呢？ 1.父组件向子组件传递消息：通过p...

这次给大家带来vue中mint-ui使用详解，vue中mint-ui使用的注意事项有哪些，下面就是实战案例，一起来看一下。 &nbsp; mint-ui在vue中的使用，供大家参考，具体内容如下 首先放上mint-ui中文文档 近来在使用mint-ui，发现部分插件在讲解上并不是很详细，部分实例找不到使用的代...

vue组件全局注册： &lt;body&gt; &lt;div id='app'&gt; &lt;my-component&gt;&lt;/my-component&gt; &lt;/div&gt; &lt;script src="http://cdn.bootcss....

注意： 有时候使用npm i node-sass -D装不上，这时候，就必须使用 cnpm i node-sass -D 在普通页面中使用render函数渲染组件 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt