5.0.343 • Published 10 months ago

zova-ui-antdv v5.0.343

Weekly downloads
-
License
MIT
Repository
github
Last release
10 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

10 months ago

5.0.341

10 months ago

5.0.343

10 months ago

5.0.337

10 months ago

5.0.296

11 months ago

5.0.297

11 months ago

5.0.299

11 months ago

5.0.292

11 months ago

5.0.293

11 months ago

5.0.294

11 months ago

5.0.295

11 months ago

5.0.291

11 months ago

5.0.300

11 months ago

5.0.301

11 months ago

5.0.302

11 months ago

5.0.303

11 months ago

5.0.311

11 months ago

5.0.312

11 months ago

5.0.314

11 months ago

5.0.310

11 months ago

5.0.308

11 months ago

5.0.309

11 months ago

5.0.304

11 months ago

5.0.305

11 months ago

5.0.306

11 months ago

5.0.307

11 months ago

5.0.322

11 months ago

5.0.323

11 months ago

5.0.324

11 months ago

5.0.325

11 months ago

5.0.320

11 months ago

5.0.321

11 months ago

5.0.319

11 months ago

5.0.316

11 months ago

5.0.317

11 months ago

5.0.318

11 months ago

5.0.333

11 months ago

5.0.334

11 months ago

5.0.335

11 months ago

5.0.336

11 months ago

5.0.331

11 months ago

5.0.332

11 months ago

5.0.326

11 months ago

5.0.327

11 months ago

5.0.329

11 months ago

5.0.258

1 year ago

5.0.259

1 year ago

5.0.267

1 year ago

5.0.268

1 year ago

5.0.269

1 year ago

5.0.263

1 year ago

5.0.264

1 year ago

5.0.265

1 year ago

5.0.266

1 year ago

5.0.261

1 year ago

5.0.262

1 year ago

5.0.278

12 months ago

5.0.279

12 months ago

5.0.274

12 months ago

5.0.275

12 months ago

5.0.277

12 months ago

5.0.270

1 year ago

5.0.271

1 year ago

5.0.272

1 year ago

5.0.289

12 months ago

5.0.285

12 months ago

5.0.286

12 months ago

5.0.281

12 months ago

5.0.282

12 months ago

5.0.283

12 months ago

5.0.284

12 months ago

5.0.257

1 year ago

5.0.256

1 year ago

5.0.255

1 year ago

5.0.254

1 year ago

5.0.253

1 year ago

5.0.252

1 year ago

5.0.251

1 year ago

5.0.250

1 year ago

5.0.249

1 year ago

5.0.248

1 year ago

5.0.246

1 year ago

5.0.244

1 year ago

5.0.243

1 year ago

5.0.242

1 year ago

5.0.241

1 year ago

5.0.240

1 year ago

5.0.238

1 year ago

5.0.236

1 year ago

5.0.234

1 year ago

5.0.233

1 year ago

5.0.231

1 year ago

5.0.230

1 year ago

5.0.228

1 year ago

5.0.226

1 year ago

5.0.225

1 year ago

5.0.224

1 year ago

5.0.223

1 year ago

5.0.222

1 year ago

5.0.221

1 year ago

5.0.219

1 year ago

5.0.217

1 year ago

5.0.216

1 year ago

5.0.215

1 year ago

5.0.214

1 year ago

5.0.212

1 year ago

5.0.211

1 year ago

5.0.210

1 year ago

5.0.208

1 year ago

5.0.207

1 year ago

5.0.201

1 year 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