vue案例请选择你喜欢的专栏并打印出来

好的，这里提供一个简单的 Vue 案例，实现选择喜欢的专栏并打印出来。

下面是 HTML 模板：

<div id="app">
  <h2>请选择您喜欢的专栏：</h2>
  <div v-for="column in columns" :key="column.id">
    <input type="checkbox" :id="column.id" v-model="selectedColumns" :value="column.name">
    <label :for="column.id">{{ column.name }}</label>
  </div>
  <button @click="printSelectedColumns">确定</button>
</div>

这里使用了 `v-for` 指令来循环展示专栏列表，使用 `v-model` 绑定 `selectedColumns` 数组，该数组存储被选中的专栏名称。点击确定按钮后，调用 `printSelectedColumns` 方法打印选中的专栏。

下面是 Vue 实例代码：

new Vue({
  el: '#app',
  data: {
    columns: [
      { id: 1, name: '前端开发' },
      { id: 2, name: '后端开发' },
      { id: 3, name: '移动开发' },
      { id: 4, name: '人工智能' },
      { id: 5, name: '大数据' }
    ],
    selectedColumns: []
  },
  methods: {
    printSelectedColumns() {
      console.log('您选择的专栏是：', this.selectedColumns);
    }
  }
});

这里通过 `data` 属性定义了 `columns` 数组，存储专栏列表数据。同时定义了 `selectedColumns` 数组，存储被选中的专栏名称。

`printSelectedColumns` 方法中打印了被选中的专栏名称。

现在你可以在浏览器中打开该 HTML 文件，勾选你喜欢的专栏，然后点击确定按钮，就可以在控制台中看到你选择的专栏信息了。