[免费学]偷着学完全网最爆笑的Python教程 前端需要了解的9种设计模式 import React, { Component } from react;//导入React和 React.Component class App extends Component {// App根组件继承 React.compoent render() {// 渲染 并返回一段html结构 条件指令 v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 真 值的时候被渲染。 div v-if=isLogin你好，木木！/div 也可以用 v-else 添加一个else 块： div v-else=请登录后操作/div div id=app div v-if=isLogin你好：木木/div div v-else请登录后操作/div /div script type=text/javascript var app=new Vue({ el:#app, data:{ isLogin:false } }) /script v-show指令 另一个用于根据条件展示元素的选项是 v-show 指令 h1 v-show=isShowHello!/h1 v-show 只是调整css中display属性，DOM已经加载，只是CSS控制没有显示出来。 v-if： 判断是否加载，可以减轻服务器的压力，在需要时加载。v-show：调整css dispaly属性，可以使客户端操作更加流畅。