5.0.343 • Published 9 months ago

zova-ui-antdv v5.0.343

Weekly downloads
-
License
MIT
Repository
github
Last release
9 months ago

zova-ui-antdv

zova-ui-antdv is a vue3 framework with ioc container. With the support of ioc container, defining reactive states no longer needs ref/reactive, nor ref.value

LICENSE MIT NPM version NPM download

Documentation

Features

zova-ui-antdv has introduced the following distinct features for Vue3:

  1. No ref/reactive, No ref.value: With the support of ioc container, defining reactive states no longer needs ref/reactive. Without ref, naturally there is no need to write a lot of ref.value
  2. Type programming without type: Zova adopts a strategy that combines dependency injection and dependency lookup, significantly reducing the use of decorator functions. Prioritizing the use of dependency lookup can achieve a development experience of Type programming without type, which means that we can enjoy the many benefits of type programming without the need to annotate types, thus keeping our code concise and elegant, significantly improving development efficiency, and ensuring code quality
  3. Modularization: In a large web business system, as the business grows and changes, it is also necessary to divide the system into relatively independent modules in order to avoid code bloating. This is why Zova introduces modularization. In Zova, a module is a natural bundle boundary, and automatically bundled into an independent asynchronous chunk when building, bidding farewell to the hassle of Vite configuration and effectively avoiding the fragmentation of bundles. Especially in large business systems, this advantage is particularly evident

Gif demonstration

No ref/reactive

Demonstration: no ref/reactive, no ref.value

1. Define reactive state

Define a reactive variable count in the component and add two methods to modify its value

export class ControllerPageCounter {
  count: number = 0;

  increment() {
    this.count++;
  }

  decrement() {
    this.count--;
  }
}

2. Use reactive state

Use count in render class

export class RenderCounter {
  render() {
    return (
      <div>
        <div>count(ref): {this.count}</div>
        <button onClick={() => this.increment()}>Increment</button>
        <button onClick={() => this.decrement()}>Decrement</button>
      </div>
    );
  }
}

Demonstration: dependency injection

1. Logic Reuse

Create a Counter Bean to implement the logic of count

@Local()
export class Counter {
  count: number = 0;

  increment() {
    this.count++;
  }

  decrement() {
    this.count--;
  }
}

2. Inject and use in a component

export class ControllerPageCounter {
  @Use()
  $$counter: Counter;
}
export class RenderCounter {
  render() {
    return (
      <div>
        <div>count(ref): {this.$$counter.count}</div>
        <button onClick={() => this.$$counter.increment()}>Increment</button>
        <button onClick={() => this.$$counter.decrement()}>Decrement</button>
      </div>
    );
  }
}

Stay In Touch

License

MIT

Copyright (c) 2016-present, Zova

5.0.340

9 months ago

5.0.341

9 months ago

5.0.343

9 months ago

5.0.337

9 months ago

5.0.296

10 months ago

5.0.297

10 months ago

5.0.299

10 months ago

5.0.292

10 months ago

5.0.293

10 months ago

5.0.294

10 months ago

5.0.295

10 months ago

5.0.291

10 months ago

5.0.300

10 months ago

5.0.301

10 months ago

5.0.302

10 months ago

5.0.303

10 months ago

5.0.311

10 months ago

5.0.312

10 months ago

5.0.314

10 months ago

5.0.310

10 months ago

5.0.308

10 months ago

5.0.309

10 months ago

5.0.304

10 months ago

5.0.305

10 months ago

5.0.306

10 months ago

5.0.307

10 months ago

5.0.322

9 months ago

5.0.323

9 months ago

5.0.324

9 months ago

5.0.325

9 months ago

5.0.320

9 months ago

5.0.321

9 months ago

5.0.319

9 months ago

5.0.316

9 months ago

5.0.317

9 months ago

5.0.318

9 months ago

5.0.333

9 months ago

5.0.334

9 months ago

5.0.335

9 months ago

5.0.336

9 months ago

5.0.331

9 months ago

5.0.332

9 months ago

5.0.326

9 months ago

5.0.327

9 months ago

5.0.329

9 months ago

5.0.258

11 months ago

5.0.259

11 months ago

5.0.267

11 months ago

5.0.268

11 months ago

5.0.269

11 months ago

5.0.263

11 months ago

5.0.264

11 months ago

5.0.265

11 months ago

5.0.266

11 months ago

5.0.261

11 months ago

5.0.262

11 months ago

5.0.278

11 months ago

5.0.279

11 months ago

5.0.274

11 months ago

5.0.275

11 months ago

5.0.277

11 months ago

5.0.270

11 months ago

5.0.271

11 months ago

5.0.272

11 months ago

5.0.289

10 months ago

5.0.285

10 months ago

5.0.286

10 months ago

5.0.281

10 months ago

5.0.282

10 months ago

5.0.283

10 months ago

5.0.284

10 months ago

5.0.257

11 months ago

5.0.256

11 months ago

5.0.255

11 months ago

5.0.254

11 months ago

5.0.253

11 months ago

5.0.252

11 months ago

5.0.251

11 months ago

5.0.250

11 months ago

5.0.249

11 months ago

5.0.248

11 months ago

5.0.246

11 months ago

5.0.244

11 months ago

5.0.243

11 months ago

5.0.242

11 months ago

5.0.241

11 months ago

5.0.240

11 months ago

5.0.238

11 months ago

5.0.236

11 months ago

5.0.234

11 months ago

5.0.233

11 months ago

5.0.231

11 months ago

5.0.230

11 months ago

5.0.228

11 months ago

5.0.226

11 months ago

5.0.225

11 months ago

5.0.224

11 months ago

5.0.223

11 months ago

5.0.222

11 months ago

5.0.221

11 months ago

5.0.219

11 months ago

5.0.217

11 months ago

5.0.216

11 months ago

5.0.215

11 months ago

5.0.214

11 months ago

5.0.212

11 months ago

5.0.211

11 months ago

5.0.210

12 months ago

5.0.208

12 months ago

5.0.207

12 months ago

5.0.201

12 months ago

5.0.197

1 year ago

5.0.196

1 year ago

5.0.195

1 year ago

5.0.194

1 year ago

5.0.193

1 year ago

5.0.192

1 year ago

5.0.191

1 year ago

5.0.190

1 year ago

5.0.189

1 year ago

5.0.188

1 year ago

5.0.187

1 year ago

5.0.186

1 year ago

5.0.184

1 year ago

5.0.183

1 year ago

5.0.182

1 year ago

5.0.181

1 year ago

5.0.180

1 year ago

5.0.179

1 year ago

5.0.178

1 year ago

5.0.177

1 year ago

5.0.176

1 year ago

5.0.175

1 year ago

5.0.174

1 year ago

5.0.173

1 year ago

5.0.172

1 year ago

5.0.171

1 year ago

5.0.170

1 year ago

5.0.169

1 year ago

5.0.168

1 year ago

5.0.167

1 year ago

5.0.166

1 year ago

5.0.165

1 year ago

5.0.164

1 year ago

5.0.163

1 year ago

5.0.162

1 year ago

5.0.161

1 year ago

5.0.160

1 year ago

5.0.159

1 year ago

5.0.158

1 year ago

5.0.157

1 year ago

5.0.156

1 year ago

5.0.155

1 year ago

5.0.154

1 year ago

5.0.153

1 year ago

5.0.152

1 year ago

5.0.151

1 year ago

5.0.150

1 year ago

5.0.149

1 year ago

5.0.148

1 year ago

5.0.146

1 year ago

5.0.145

1 year ago

5.0.144

1 year ago

5.0.143

1 year ago

5.0.142

1 year ago

5.0.141

1 year ago

5.0.140

1 year ago

5.0.139

1 year ago

5.0.138

1 year ago

5.0.137

1 year ago

5.0.136

1 year ago

5.0.135

1 year ago

5.0.134

1 year ago

5.0.133

1 year ago

5.0.132

1 year ago

5.0.131

1 year ago

5.0.130

1 year ago

5.0.129

1 year ago

5.0.128

1 year ago

5.0.127

1 year ago

5.0.126

1 year ago

5.0.121

1 year ago

5.0.120

1 year ago

5.0.119

1 year ago

5.0.118

1 year ago

5.0.117

1 year ago

5.0.116

1 year ago

5.0.115

1 year ago

5.0.114

1 year ago

5.0.113

1 year ago

5.0.112

1 year ago

5.0.111

1 year ago

5.0.110

1 year ago

5.0.109

1 year ago

5.0.108

1 year ago

5.0.107

1 year ago

5.0.106

1 year ago

5.0.105

1 year ago

5.0.104

1 year ago

5.0.103

1 year ago

5.0.102

1 year ago

5.0.101

1 year ago

5.0.100

1 year ago

5.0.99

1 year ago

5.0.98

1 year ago