使用v-if v-else发现没有执行

最近在学习Vue，因为刚开始学习，所以总会遇到这样那样的问题，今天要说的一个错误就是在看Vue的官方文档的时候，发现在使用v-if和v-else指令的时候，相应的内容都出现了

初始代码：

<div v-if="Math.random > 0.5">
 " Math.random > 0.5 "
</div>
<div v-else>
 " Math.random <= 0.5 "
</div>

显示的结果：

 " Math.random > 0.5 "
" Math.random <= 0.5 " 

后来发现，我的这个是忘记了创建实例，每一个Vue应用都是应该创建实例的，所以修改后的代码如下：

  <div id="test">
    <div v-if="Math.random > 0.5">
      " Math.random > 0.5 "
    </div>
    <div v-else>
      " Math.random <= 0.5 "
    </div>
  </div>
  <script type="text/javascript">
    new Vue({
      el : "#test"
    })
  </script>

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

# 使用v-if  # v-else发现没有执行  # vue.js  # v-if  # v-else使用出错解决办法  # Vue中v-if、v-if-else、v-else-if与v-show的基本使用  # 如何巧用Vue.extend继承组件实现el-table双击可编辑(不使用v-if、v-else)  # 详解Vue的常用指令v-if  # v-for  # v-show  # v-else  # v-bind  # v-on  # Vue中 v-if 和v-else-if页面加载出现闪现的问题及解决方法  # 对vue v-if v-else-if v-else 的简单使用详解  # vue中使用v-if  # v-else来设置css样式的步骤  # 都是  # 希望能  # 总会  # 刚开始  # 谢谢大家  # 出现了  # 文档  # 忘记了  # 就是在  # brush  # lt  # js  # class  # Vue  # strong  # pre  # type  # script  # test  # el 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 图片制作网站免费软件,有没有免费的网站或软件可以将图片批量转为A4大小的pdf？  Laravel项目结构怎么组织_大型Laravel应用的最佳目录结构实践  悟空识字如何进行跟读录音_悟空识字开启麦克风权限与录音  网页设计与网站制作内容,怎样注册网站？  活动邀请函制作网站有哪些,活动邀请函文案？  今日头条微视频如何找选题 今日头条微视频找选题技巧【指南】  厦门模型网站设计制作公司,厦门航空飞机模型掉色怎么办？  Laravel如何清理系统缓存命令_Laravel清除路由配置及视图缓存的方法【总结】  Laravel如何与Pusher实现实时通信？（WebSocket示例）  Laravel如何处理跨站请求伪造（CSRF）保护_Laravel表单安全机制与令牌校验  Laravel怎么自定义错误页面_Laravel修改404和500页面模板  青岛网站建设如何选择本地服务器？  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站？  Laravel怎么导出Excel文件_Laravel Excel插件使用教程  如何做网站制作流程,*游戏网站怎么搭建？  进行网站优化必须要坚持的四大原则  如何快速启动建站代理加盟业务？  大连 网站制作,大连天途有线官网？  nodejs redis 发布订阅机制封装实现方法及实例代码  Laravel Docker环境搭建教程_Laravel Sail使用指南  教你用AI润色文章，让你的文字表达更专业  Laravel如何集成Inertia.js与Vue/React？（安装配置）  Win11应用商店下载慢怎么办 Win11更改DNS提速下载【修复】  绝密ChatGPT指令：手把手教你生成HR无法拒绝的求职信  Laravel怎么实现搜索功能_Laravel使用Eloquent实现模糊查询与多条件搜索【实例】  如何用腾讯建站主机快速创建免费网站？  Laravel项目怎么部署到Linux_Laravel Nginx配置详解  如何安全更换建站之星模板并保留数据？  在线教育网站制作平台,山西立德教育官网？  Laravel如何使用Service Container和依赖注入？（代码示例）  Laravel Sail是什么_基于Docker的Laravel本地开发环境Sail入门  PHP 实现电台节目表的智能时间匹配与今日/明日轮播逻辑  iOS验证手机号的正则表达式  手机软键盘弹出时影响布局的解决方法  Laravel storage目录权限问题_Laravel文件写入权限设置  如何在建站之星网店版论坛获取技术支持？  Laravel如何设置自定义的日志文件名_Laravel根据日期或用户ID生成动态日志【技巧】  成都品牌网站制作公司,成都营业执照年报网上怎么办理？  JavaScript如何操作视频_媒体API怎么控制播放  如何基于云服务器快速搭建网站及云盘系统？  HTML透明颜色代码在Angular里怎么设置_Angular透明颜色使用指南【详解】  rsync同步时出现rsync: failed to set times on “xxxx”: Operation not permitted  如何在景安服务器上快速搭建个人网站？  Swift开发中switch语句值绑定模式  详解Oracle修改字段类型方法总结  laravel怎么用DB facade执行原生SQL查询_laravel DB facade原生SQL执行方法  常州企业网站制作公司,全国继续教育网怎么登录？  网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊，能赚钱吗？  高端云建站费用究竟需要多少预算？  WordPress 子目录安装中正确处理脚本路径的完整指南