Vue.js的组件的使用有3个步骤：创建组件构造器、注册组件（核心）和使用组件。 我们用以下几个步骤来理解组件的创建和注册： 1. Vue.extend()是Vue构造器的扩展，调用Vue.extend()创建的是一个组件构造器，而不是一个具体的组件实例。 2. Vue.extend()构造器有一个 ...
分类：
其他好文 时间：
2017-09-26 19:25:08
阅读次数：
168
//创建组件构造器 定义一个组件 var myCompent=Vue.extend({ template:'<div> hello World </div>' //template用来定义html部分 }) // 注册组件 第一个参数是组件名称 第二个参数是构造后的组件 Vue.component( ...
分类：
其他好文 时间：
2017-09-15 02:17:05
阅读次数：
238
本文是基于vue-cli脚手架的基础上对vue组件的引用做简单介绍，关于vue-cli脚手架，请见：vue脚手架的安装流程（vue-cli）。 在src文件夹下创建components文件夹，并在其下面创建Home.vue和List.vue两个文件： 在App.vue中引入Home.vue和List ...
分类：
其他好文 时间：
2017-09-13 20:16:50
阅读次数：
184
回首用vue已经2个多月了，今年7月底根据vue社区提供的api写了一个小移动端的小dom 通过这个项目也让我更深入的了解了vue（组件之间的通讯，计算属性，数据绑定、数据驱动....），用数据驱动型的框架做项目好处就是基本上不需要自己操作dom，框架会通过数据改变帮你最优的操作,也让你开发更加迅速 ...
分类：
其他好文 时间：
2017-09-11 21:05:04
阅读次数：
305
组件是可扩展的HTML元素，封装可重用的代码。 使用祖册的组件，要确保在初初始化根实例之前注册组件 注册的组件中，data必须是函数 父组件通过props向子组件传递数据，子组件通过事件events给父组件发送消息。 组件实例的作用域是孤立的 props是单向绑定的：当父组件的属性变化时，将传递给子 ...
分类：
其他好文 时间：
2017-09-04 16:02:27
阅读次数：
145
要注意的是，定义了props之后，在子组件中使用时一定要使用v-bind进行绑定，否则最后得到的结果就是我们赋值的字符串，而不是parent中的数据了。 props默认的绑定形式是单向绑定，也就是说父元素数据改变会影响子元素，但是子元素不能通过props改变父元素的值，但是我们可以手动的修改这一设定 ...
分类：
其他好文 时间：
2017-09-03 15:39:03
阅读次数：
139
需要在本页面中展示vue组件中的超链接，地址栏不改变的方法: 需要使同层元素不被覆盖，可以加 不过html5有新的dialog元素用于对话框。 iframe的一些方法： 获取iframe内容： 自适应 iframe: 即1去掉滚动条，2设置宽高 例子： ...
分类：
其他好文 时间：
2017-08-31 14:28:34
阅读次数：
216
每一个vuex的应用的核心都是store(仓库)，store基本上就是一个容器，它包含着你的应用中大部分的状态（state）,vuex和单纯的全局对象有以下两点不同： 1，vuex的状态存储是响应式的。当vue组件从store中读取状态的时候，若store中的状态发生变化，那么相应的组件也会相应的得 ...
分类：
其他好文 时间：
2017-08-30 12:01:09
阅读次数：
168
混合(mixins)是一种分发vue组件中可复用功能的非常灵活的方式。混合对象可以可以包含任意组件选项。以组件使用混合对象时，所有混合对象的选项将被混合到该组件本身的选项。 //定义一个混合对象 var myMixins = { created:function(){ this.hello(); } ...
分类：
其他好文 时间：
2017-08-25 18:50:30
阅读次数：
176
