Demo Two Page VF Wizard With Components And Data Sharing

wizardDemo.page

<apex:page controller="WizardDemoController" docType="html-5.0">
    <apex:form >
    	<apex:pageBlock >
            <c:wizardPage1 pageController="{!self}" rendered="{!pageNumber=1}" />
            <c:wizardPage2 pageController="{!self}" rendered="{!pageNumber=2}" />
            <apex:pageBlockButtons >
            	<apex:commandButton action="{!nextPage}" value="Next" rendered="{!pageNumber<2}" />
            	<apex:commandButton action="{!prevPage}" value="Prev" rendered="{!pageNumber>1}" />
            </apex:pageBlockButtons>
        </apex:pageBlock>
    </apex:form>
</apex:page>

WizardDemoController.cls

public class WizardDemoController {
    public WizardDemoController getSelf() {
        return this;
    }
    public String message { get; set; }
    public Integer pageNumber { get; set; }
    public WizardDemoController() {
        pageNumber = 1;
    }
    public void nextPage() {
        pageNumber++;
    }
    public void prevPage() {
        pageNumber--;
    }
}

wizardPage1.cmp

<apex:component >
    <apex:attribute description="Page Controller" type="WizardDemoController" name="pageController" />
    <apex:pageBlockSection >
        <apex:input label="Message Input" value="{!pageController.message}" />
    </apex:pageBlockSection>
</apex:component>

wizardPage2.cmp

<apex:component >
    <apex:attribute description="Page Controller" type="WizardDemoController" name="pageController" />
    <apex:pageBlockSection >
        <apex:outputText label="Message Output" value="{!pageController.message}" />
    </apex:pageBlockSection>
</apex:component>