vue组件化项目实践

         Vue.js 是用于构建交互式的 Web  界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。从技术上讲， Vue.js 集中在 MVVM 模式上的视图模型层，并通过双向数据绑定连接视图和模型。实际的 DOM 操作和输出格式被抽象出来成指令和过滤器。相比其它的 MVVM 框架，Vue.js 更容易上手。

    官方网站：http://cn.vuejs.org/guide/  

   组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 is 特性扩展。

   官网的实例毕竟太简单，在自己的项目中亲手实现了下，记录如下：

1）

先操作strategyList.vue里注册（父组件里）

 

2）script里import

 

3）

Module.exports里增加component

 

4）data定义

 

5）method里定义函数，赋值组件化类型等；‚初始化所需数据等

 

7）转至新建的需要import进来的strategyInfo.vue（子组件）

(1)数据转化

(2)区分类型使用 

Props期望从父组件上传递下来

 

 

 一些格式可能会因为项目架构的不同有所差异，但讲道理都是同样的用法的~