class的用法

大家好,这期是用法系列的第n+1期,class用法十分简单,它们都是被定义的类,比如我们可以创建一个class类叫a,然后在这个类里定义x和y,再打印出来,再代码中可以这样写出来

#include <iostream> 
using namespace std;
class a
{
    public:
        string x;
        string y;
};
int main( )
{
   a b;
   b.x="hello,";
   b.y="world!";
   cout<<b.x<<b.y<<endl; 
}

运行结果:

hello,world!

我们可以看到第4行写着"public",他是一个权限设定的一行代码指公开,还有一个叫"private",他跟"public"的意思相反,是指私密(不公开)。我们看到11行写着"a b;",这是因为我们创建了一个函数(int main())所以我们要再次说明一遍,让b去"代替"a,也可以理解为b访问了a,他的格式是:

class 类名
{
    变量1;
    变量2;
    变量3;
    变量4;
      .
      .
      .
      .
    变量n;
};

class还可以创建子类(也就是归属于母类),就像这样:

#include <iostream> 
using namespace std;
class a
{
    public:
        string x;
        string y;
};
class suna:public a
{
    public:
};
int main( )
{
   suna b;
   b.x="hello,";
   b.y="world!";
   cout<<b.x<<b.y<<endl; 
}

格式是:

class 子类名 : public 母类名
{
    public:
    变量 ......
}

class还能连续套用哦,自己去试试吧(主要是我电脑快没电了)

  • 4
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue提供了多种方式来动态地使用class。可以使用对象语法、数组语法和计算属性来实现动态class。 1. 对象语法:使用v-bind:class指令可以动态地切换class。可以给:class绑定一个对象,对象的属性作为class名称,属性值为一个布尔值,当布尔值为true时,对应的class将被应用。 例如: ```html <div id="app"> <div :class="{'active': isActive}"></div> </div> <script> var app = new Vue({ el: '#app', data: { isActive: true } }) </script> ``` 最终渲染结果: ```html <div class="active"></div> ``` 2. 数组语法:可以通过数组来应用多个class。使用v-bind:class指令,将一个包含class名称的数组绑定到:class上,数组中的每个元素代表一个class。 例如: ```html <div id="app"> <div class="static" :class="['active', 'error']"></div> </div> <script> var app = new Vue({ el: '#app', data: { isActive: true, isError: false } }) </script> ``` 最终渲染结果: ```html <div class="static active"></div> ``` 3. 计算属性:可以使用计算属性来返回要应用的class。在Vue实例中定义一个计算属性,根据一些条件来返回一个class名称,然后将计算属性绑定到:class上。 例如: ```html <script> Vue.component('my-component', { template: '<p class="article">一些文本</p>' }) </script> <div id="app"> <my-component :class="activeClass"></my-component> </div> <script> var app = new Vue({ el: '#app', data: { isActive: true }, computed: { activeClass: function() { return this.isActive ? 'active' : ''; } } }) </script> ``` 在这个例子中,根据isActive属性的值,计算属性activeClass返回的class名称将被应用到my-component组件的根元素上。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值