wendZzoo的博客

这篇教程适用于手动构建的 vue 项目和 vue-cli 2x 版本的脚手架自动构建的项目。vue/cli 3x 版本以上的脚手架可以在自动构建时自选集成的 typescript 环境，这并不有利于学习。新建 vue 项目我这里采用 2x 的脚手架自动构建个 vue 项目。vue init webpack platform-test按照如下截图依次选择即可：构建完项目之后进入，查看项目的目录结构如下：改造项目安装依赖项需要新增些依赖项。ts 和 tsl

一般数据类展示内容，大多采用树状结构展示内容。类似效果如下：关注微信公众号，查看效果左侧是导航分类，可以进行新建，对单项导航分享和删除。单击导航，在右侧查询出当前导航下所有目录结构，可以新建目录。新增类型分为三种，目录可以无限嵌套，当然也可以设置层级。页面整体布局页面分为左右两个部分。左侧列表，通过路由跳转显示右侧内容。左侧列表分为上下两块，顶部是添加按钮，下面是导航列表。less样式。import "../../theme/variables.less";.main {

字符串新特性多行字符串这里需要用到反引号，即Tab键上的 ~ 键，所谓多行字符串就是字符串可以换行输出。var str = `aaabbbccc`;字符串模板其实都是ES6的语法，${element} 替代以前的 + 连接字符串。var myname = "Bert";var getName = function(){ return "Zuo";}console.l...

  class是TypeScript 的核心，使用TypeScript开发时，大部分代码都是写在类里面。类的定义如下形式：class Person { public name; public getName() { console.log(this.name); }}var p1 = new Person(); //实例化p1.name ...

首先出现的问题是，我需要一个数组list，数组中每一项需要是key：value形式的对象，但是当我需要新增一项到数组中时候，对于每一项即对象的类型出现问题，问题如下：这是因为我定义了list类型为数组，但是并没有对其中的对象的属性进行类型定义。这里就需要使用TS的接口，我们需要自定义一下list数组类型，使用接口就可以自定义list中属性的类型。先定义接口：interface Iitem...

前端验证必不可少~输入框验证vue文件部分：<form :model="form" :rules="rules" ref="form"> <form-item :label="姓名" prop="name"> <kc-input v-model="form.name"></kc-input> </f...