new Vue({ el: "#app", data() { return { book: {} } ，如何输出book的数据，比如输出bookId和bookName },

您可以在模板中使用插值语法`{{ }}`来输出`book`对象中的属性值，如下所示：

<div id="app">
  <p>bookId: {{ book.bookId }}</p>
  <p>bookName: {{ book.bookName }}</p>
</div>

<script>
new Vue({
  el: "#app",
  data() {
    return {
      book: {
        bookId: 1,
        bookName: "Vue.js入门教程",
        author: "张三",
        price: 28.0
      }
    }
  }
});
</script>

在上面的代码中，我们使用插值语法`{{ book.bookId }}`和`{{ book.bookName }}`来输出`book`对象中的`bookId`和`bookName`属性值。

当我们运行上面的代码时，会在页面中展示出以下内容：

bookId: 1
bookName: Vue.js入门教程

如此，您就可以输出`book`对象中的属性值了。