Aczy156

Other-Vue Report

[TOC]

Label & Tag

每一个区块(div)有对应相应的模块的索引，

  • 对应函数有利用@进行对应，
  • 对应css 利用class进行对应：
    • 因为在css也就是在整体的style标签中每个括号对应的部分都有对应的一个类型，然后在标签中通过class=“”来找到对应的样式
    • 其他的对应css的索引的方式直接在标签中加上:style=“”，如果多个的话要加括号

 

 
//添加的只有一个属性

 <div :style=“{x:’……’,b:’……'}” >  

//添加的有多个属性=>用大括号扩到一块

gutter 纵向的长度

span 横向的长度

对于更改对input的类型的更改：【包括一些修饰属性的使用、v-decorator的使用】

首先，v-decorator 是用于对输入内容的获取，是可以对输入进行修饰的，例如可以添加对输入要求的规则、是否是必须的、也可以是自己初始化号的时间……

前面可以添加对组件的修饰，例如是否可以更改，disabled。

关于label中多层引号，外层用双引号，内层如果需要的话不能用双引号，要用单引号

Table的渲染 & 表单中添加动作以及响应机制：

类似Qt的signal-slot机制。

在vue中渲染表格首先要定义一个填充的模型，在需要添加动作的利用scopedSlots来进行标示表格中的数据渲染的形式，利用Array(设置dataSource来渲染)最后渲染出来。

Type of Data

在props中声明：

Array 数组

Number 数字

在app.vue 中与组件中的数据进行sync的方法：

(子组件：在props中声明名字(propsarray,propsnumber)以及类型，

app.vue：在data中声明(apparat,appnumber))

对于Array：利用v-bind:apparray=“propsarray”

对于Number：利用propsnumber.sync=“appnumber”

对于事件：利用$emit，

(在子组件中：需要添加动作的组件的触发响应的emit(mark,value),

在app.vue中：利用子组件中的mark，将mark绑定到app中对应的方法，利用v-on:mark=“appfunction”,或者@mark=“appfunction”)

Ant Design & Element

封装好的组件工具。引入即用

Ant Design of Vue https://www.antdv.com/docs/vue/introduce/

Element https://element.eleme.io/#/zh-CN

Posted on Feb 7, 2020