Vue js是一个流行的JavaScript框架，它使用类似HTML的模板语法来创建响应式用户界面。在这篇文章中，我们将通过一个简单的Vue实例来了解Vue js。

下面是一个基本的Vue实例：

new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})

在这个实例中，我们使用了Vue构造函数来创建一个新的Vue实例。 我们将实例的作用域限定在id为"app"的HTML元素中。该元素就是我们的Vue应用程序的根元素。 我们使用data选项来定义应用程序的数据。在这个例子中，我们定义一个名为"message"的数据属性，并将它的初始值设置为"Hello Vue!"。

我们使用双括号语法来在HTML中插入数据。 将"message"属性用作变量，可以将数据渲染到我们的网页中：

{{ message }}

当Vue应用程序启动时，“Hello Vue！”文本将显示在我们的页面中。 如果我们想改变该消息，我们只需要在控制台中运行以下代码：

app.message = "Hello world!"

这将更改消息的值，页面将自动重新渲染以反映这样的更改。 这是Vue js的真正力量 - 响应式数据绑定。