v-if在单文件模板中不起作用。

要在单文件模板中使用v-if指令，请确保以下几点：

1. 确保正确导入Vue库，并在Vue实例中进行初始化。

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

new Vue({
  el: '#app',
  ...
});

2. 确保将v-if指令应用于正确的元素上。v-if应该是一个条件指令，根据条件的真假来添加或删除元素。确保将v-if添加到你想要根据条件显示或隐藏的元素上。

<div id="app">
  <p v-if="showMessage">这是一个有条件显示的消息。</p>
</div>

3. 在Vue实例中定义showMessage变量，并根据条件来设置其值。v-if将根据showMessage的值来判断是否显示相关元素。

new Vue({
  el: '#app',
  data: {
    showMessage: true
  }
});

4. 确保Vue实例中的el属性与HTML中的根元素一致。例如，如果你的HTML中有一个id为app的根元素，则Vue实例的el属性应该设置为'#app'。

<div id="app">
  <p v-if="showMessage">这是一个有条件显示的消息。</p>
</div>

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
new Vue({
  el: '#app',
  data: {
    showMessage: true
  }
});
</script>

这样，v-if指令就应该能在单文件模板中正常工作了。根据showMessage变量的值，可以控制消息的显示与隐藏。