shit vue & shit iview

shit vue & shit iview

<Switch> !== <i-switch>

740516-20190412143615704-17311744.png

740516-20190412155915748-321184910.png

740516-20190412160004105-1351452307.png

https://www.iviewui.com/components/switch


<!DOCTYPE html>
<html lang="zh-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="author" content="xgqfrms">
    <meta name="generator" content="VS code">
    <title>vue & iview</title>
    <!-- https://vue.xgqfrms.xyz/index.html -->
    <!-- import stylesheet -->
    <link rel="stylesheet" href="./ivew-3.3.3/iview.css">
    <!-- libs -->
    <!-- import Vue.js -->
    
    <!-- import iView -->
    
</head>
<body>
    <section>
        <div id="app">
            <i-button @click="show">Click me!</i-button>
            <Modal v-model="visible" title="Welcome">Welcome to iView</Modal>
            <i-switch size="large">
                <span slot="open">开启</span>
                <span slot="close">关闭</span>
            </i-switch>
            <!-- <template>
                <Switch size="large">
                    <span slot="open">开启</span>
                    <span slot="close">关闭</span>
                </Switch>
            </template> -->
        </div>
    </section>
    <!-- js -->
    
</body>
</html>

https://codepen.io/xgqfrms/pen/VNWzrr

vue-component

https://www.runoob.com/vue2/vue-component.html

https://www.w3cplus.com/vue/component-registered.html

https://vuejs.org/v2/guide/components.html

https://cn.vuejs.org/v2/guide/components-registration.html

局部组件实例


<div id="app">
    <runoob></runoob>
</div>
 

全局组件实例


<div id="app">
    <runoob></runoob>
</div>
 

740516-20190412144355700-451934260.png

转载于:https://www.cnblogs.com/xgqfrms/p/10695907.html

  • 0
    点赞
  • 0
    收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:编程工作室 设计师:CSDN官方博客 返回首页
评论
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值