当前位置: 首页 > news >正文

百度网站怎么做视频windows优化大师要会员

百度网站怎么做视频,windows优化大师要会员,网站建设基础课件,开工作室做什么项目赚钱文章目录一.第一次用vue框架二.要求:1.定义两种样式,一种描述正确的状态,一种描述错误的状态。2.在结构代码中定义一个块,实现绑定正确的样式状态。3.定义一个按钮,实现正确和错误两种状态的class切换。三.源代码四.效果一.第一次…

文章目录

  • 一.第一次用vue框架
    • 二.要求:
      • 1.定义两种样式,一种描述正确的状态,一种描述错误的状态。
      • 2.在结构代码中定义一个块,实现绑定正确的样式状态。
      • 3.定义一个按钮,实现正确和错误两种状态的class切换。
    • 三.源代码
    • 四.效果

一.第一次用vue框架

二.要求:

1.定义两种样式,一种描述正确的状态,一种描述错误的状态。

2.在结构代码中定义一个块,实现绑定正确的样式状态。

3.定义一个按钮,实现正确和错误两种状态的class切换。

三.源代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script src="vue.global.js"></script><!-- <script src="https://unpkg.com/vue@next"></script> --><style>.red-box{background-color: brown; color: white; padding: 10px;width: 500px;}.pink-box{background-color: pink; color: white; padding: 10px;width: 500px;}</style>
</head>
<body><div id="Application" ><div class="red-box" v-if="isShow"><h1>red box</h1><p>你好!</p></div><div class="pink-box" v-else="false"><h1>pink box</h1><p>我不好!</p></div><div><button @click="toggle">切换</button></div></div>     
</body>
</html><script>// 定义一个vue组件const App = {data(){return{isShow:true,}},methods: {toggle(){this.isShow = ! this .isShow// this.isShow1 = ! this.isShow1// this.isShow2 = ! this.isShow2}}}// 将vue组件绑定到页面上id为Application的元素上Vue.createApp(App).mount("#Application")
</script>

四.效果

在这里插入图片描述

在这里插入图片描述

http://www.hkea.cn/news/795211/

相关文章:

  • 胶南做网站初学者做电商怎么入手
  • 网站为什么要维护佛山网络营销推广
  • 国企网站建设报告怎么建造自己的网站
  • 免费做司考真题的网站余姚网站如何进行优化
  • 如何网站开发1688网站
  • 丽水专业网站建设价格青岛网站优化
  • 网站开发专业培训学校百度推广登录官网入口
  • 贵阳做网站公司网站热度查询
  • 做课件最好的素材网站考拉seo
  • 网站建设玖首选金手指seo网站优化收藏
  • 台州卓远做网站好不好广州seo教程
  • dz网站数据备份bt磁力猪
  • github 可以做网站吗360seo
  • 杭州 企业门户网站建设爱链
  • dj那个网站做的好长沙公司网络营销推广
  • 设计师培训招生视频黑帽seo联系方式
  • 做网上贸易哪个网站好西宁网站seo
  • 电子烟网站建设杯子软文营销300字
  • 广州企业网站制作怎么做营销推广
  • 网站建设服务器在香港郑州网站建设专业乐云seo
  • 河北建设工程交易信息网海口关键词优化报价
  • 全国网站建设公司有多少家微信朋友圈广告投放收费标准
  • 免费做网站公司黑帽seo排名技术
  • apk连接wordpress上海seo
  • 企业建网站租用服务器好还是买一个好石家庄网站关键词推广
  • wordpress文件解析外贸网站优化
  • 建设工程竣工备案网站百度保障中心人工电话
  • 韶关城乡建设部网站首页营销型网站建设策划书
  • 建设银行手机银行下载官方网站谷歌浏览器网页版入口在哪里
  • 网站建设 好域名注册信息