var onfire = require("../utils/onfire.js");
var eventObj = onfire.on('testEvent', function (args) {
//打印从B页面带来的参数
    console.log(args)
});
Page({
  data: {
  },
  //跳转事件
  gotoNext: function(){
    wx.navigateTo({
      url: '../test/test',
      success: function(res){
      }
    })
  },
  onLoad: function(options) {
    
  },
  onUnload: function() {
    onfire.un('testEvent');
    onfire.un(eventObj);
  }
})

wx.navigateBack({
     success: function(res){
         //有参数时
         onfire.fire('testEvent',{name:'111',age:12});
     },
     fail: function(res) {
       // fail
     },
     complete: function(res) {
       // complete
     }
   })

{
  "name": "react_news_demo",
  "version": "1.0.0",
  "description": "",
  "main": "route.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "webpack-dev-server --hot --inline"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "antd": "^2.7.3",
    "babel-loader": "^6.3.2",
    "babel-plugin-react-html-attrs": "^2.0.0",
    "babel-preset-es2015": "^6.22.0",
    "babel-preset-react": "^6.23.0",
    "babelify": "^7.3.0",
    "css-loader": "^0.25.0",
    "fetch": "^1.1.0",
    "json-loader": "^0.5.4",
    "react": "^15.4.2",
    "react-dom": "^15.4.2",
    "react-mixin": "^2.0.2",
    "react-responsive": "^1.2.1",
    "react-router": "^3.0.2",
    "style-loader": "^0.13.1",
    "webpack": "^2.2.1",
    "webpack-dev-server": "^2.4.1"
  },
  "devDependencies": {
    "babel-plugin-import": "^1.0.1"
  }
}

var debug = process.env.NODE_ENV !== "production";
var webpack = require('webpack');
var path = require('path');
module.exports = {
  context: path.join(__dirname),
  devtool: debug ? "inline-sourcemap" : null,
  entry: "./src/js/route.js",
  module: {
    loaders: [
      {
        test: /\.js?$/,
        exclude: /(node_modules)/,
        loader: 'babel-loader',
        query: {
          presets: ['react', 'es2015'],
          plugins: ['react-html-attrs'], //添加组件的插件配置
        }
      },
      //下面是使用 ant-design 的配置文件
      { test: /\.css$/, loader: 'style-loader!css-loader' }
    ]
  },
  output: {
    path: __dirname,
    filename: "./src/bundle.js"
  },
  plugins: debug ? [] : [
    new webpack.optimize.DedupePlugin(),
    new webpack.optimize.OccurenceOrderPlugin(),
    new webpack.optimize.UglifyJsPlugin({ mangle: false, sourcemap: false }),
  ],
};

import React from 'react'
import ReactDOM from 'react-dom'
import {Router, Route, hashHistory } from 'react-router'
//还要引用相关的组件
export default class Root extends React.Component{
	render(){
		return(
			<div>
				<Router history={hashHistory}>
					<Route path="/" component={PCIndex}></Route>
					<Route path="/details/:uniquekey" component={PCNewsDetails}></Route>
					<Route path="/usercenter" component={PCUserCenter}></Route>
				</Router>
			</div>
		)
	}
}
ReactDOM.render(
	<Root/>,
	mountNode
)

import React from 'react';
import {Row, Col} from 'antd';
import {
	Menu,
	Icon,
	Tabs,
	message,
	Form,
	Input,
	Button,
	CheckBox,
	Modal,
	Card,
	notification
} from 'antd';
const FormItem = Form.Item;
const SubMenu = Menu.SubMenu;
const TabPane = Tabs.TabPane;
const MenuItemGroup = Menu.ItemGroup;
import {Router, Route, Link, browserHistory} from 'react-router'
class CommonComments extends React.Component {
	constructor() {
		super();
		this.state = {
			...
		};
	};
	componentDidMount() {
		...
	};
	handleSubmit(e) {
		...
	};
	addUserCollection() {
		...
	};
	render() {
		let {getFieldDecorator} = this.props.form;
		const {comments} = this.state;
		const commentList = comments.length
		?comments.map((comment,index)=>(
			<Card key={index} title={comment.UserName} extra={<a href="#">发表于{comment.datetime}</a>}>
				<p>{comment.Comments}</p>
			</Card>
		))
		: '没有加载到任何评论';
		
		return (
			<div class="comment">
				<Row>
					<Col span={24}>
						{commentList}
						<Form onSubmit={this.handleSubmit.bind(this)}>
							<FormItem label="您的评论">
								<Input type="textarea" placeholder="写评论" {...getFieldDecorator('remark', {initialValue:''})} />
							</FormItem>
							<Button type="primary" htmlType="submit">提交评论</Button>
							&nbsp;&nbsp;
							<Button type="primary" htmlType="button" onClick={this.addUserCollection.bind(this)}>收藏该文章</Button>
						</Form>
					</Col>
				</Row>
			</div>
		);
	};
}
export default CommonComments = Form.create({})(CommonComments);

var myFetchOptions = {
	method: 'GET'
};
fetch(url, myFetchOptions)
	.then(response => response.json())
	.then(json => {
		//成功后的回调函数
	});

module.exports = function (config) {
  config.set({
    browsers: ['Chrome'],
    frameworks: ['jasmine'],
    reporters: ['progress', 'coverage'],
    coverageReporter: {
      type: 'html',
      dir: 'coverage/'
    },
    files: ['test/index.js'],
    preprocessors: {
      'test/index.js': ['webpack', 'coverage']
    },
    singleRun: false
  })
}

"devDependencies": {
	"karma": "^1.3.0",
    "karma-chrome-launcher": "^2.0.0",
    "karma-coverage": "^1.1.1",
    "karma-jasmine": "^1.0.2",
    "karma-spec-reporter": "0.0.26",
    "karma-webpack": "^1.8.0"
}

webpack: {
    module: {
        loaders: [
	      {
	        test: /\.vue$/,
	        loader: 'vue'
	      },
	      {
	        test: /\.js$/,
	        loader: 'babel!eslint',
	        // make sure to exclude 3rd party code in node_modules
	        exclude: /node_modules/
	      },
	      {
	        // edit this for additional asset file types
	        test: /\.(png|jpg|gif)$/,
	        loader: 'url',
	        query: {
	          // inline files smaller then 10kb as base64 dataURL
	          limit: 10000,
	          // fallback to file-loader with this naming scheme
	          name: '[name].[ext]?[hash]'
	        }
	      }
	    ]
    }
}

module: {
	postLoaders: [
        {
            test: /\.js$/,
            exclude: /node_modules/,
            loader: 'istanbul-instrumenter'
        }
    ],
    loaders: [
      {
        test: /\.vue$/,
        loader: 'vue'
      },
      {
        test: /\.js$/,
        loader: 'babel!eslint',
        // make sure to exclude 3rd party code in node_modules
        exclude: /node_modules/
      },
      {
        // edit this for additional asset file types
        test: /\.(png|jpg|gif)$/,
        loader: 'url',
        query: {
          // inline files smaller then 10kb as base64 dataURL
          limit: 10000,
          // fallback to file-loader with this naming scheme
          name: '[name].[ext]?[hash]'
        }
      }
    ]
}

var VueFileUpload = require('vue-file-upload');

import VueFileUpload from '../src/vue-file-upload.vue';

var Foo = {
    template: '<p>This is foo!</p>'
}
var Bar = {
    template: '<p>This is bar!</p>'
}
var App = {}
// 创建一个路由器实例
var router = new VueRouter()
// 定义路由规则
router.map({
    '/foo': {
        component: Foo
    },
    '/bar': {
        component: Bar
    }
})
// 路由器会创建一个 App 实例，并且挂载到选择符 #app 匹配的元素上。
router.start(App, '#app')

//页面跳转的时候，需要进行询问。
deactivate: function (transition) {
	if(!this.completeSubmit){
		//未完成提交，出现提示信息
		this.confirmModalJump = true;
		transition.abort();
	}
	else{
		transition.next();
	}
}

//页面跳转的时候，需要进行询问。
deactivate: function (transition) {
	this.toPage = transition.to.name;
	if(!this.completeSubmit){
		//未完成提交，出现提示信息
		this.confirmModalJump = true;
		transition.abort();
	}
	else{
		transition.next();
	}
}

export default {
     data () {
        return {
            ...
        }
    },
    methods: {
    	leaveConfirm: function(){
    		this.$dispatch('confirmLeave', true)
    	},
    	cancleBtn: function(){
    		this.$dispatch('clickDeleteLayer', true)
    	}
    }
}

events: {
	'confirmLeave': function(){
		this.confirmModalJump = false;
		this.completeSubmit = true;
		this.$route.router.go({ name: this.toPage});
		window.localStorage.removeItem('addServerInfo');
	},
	'clickDeleteLayer': function(){
		this.confirmModalJump = false;
	}
}