title: Why doesn't my QML property update when it is bound to Slider.value property?
body: <p>I have a QML document with an <code>int property</code>, a <code>Slider</code> and a <code>Button</code> in it. I want <code>x</code> to always have the same value as <code>Slider.value</code>. Here's my QML:</p>
  
  <pre><code>Page {
      property int x: 1
  
      content: Container {
          Slider {
              fromValue: 1
              toValue: 500
              value: x
              onValueChanged: {
                  console.log("Slider value is: "+value);
                  console.log("x value: "+x);  
              }
          }
          Button {
              text: "Increment x"
              onClicked: {
                  x=x+10;
              }
          }
      }
  }
  </code></pre>
  
  <p>When I press the Button the slider value is updated AND <code>x</code> is updated. But when I move the slider, the value of <code>x</code> is not updated. Why doesn't the value of <code>x</code> change when I move the slider? </p>