readme.md · amundsen-code/minVue - Gitee.com

12月21日就在北京，来看大模型推理 + 国产硬件生态 + 开源社区分享，一起搞技术、聊开源、领福利~~

forked from wq599263163/minVue

加入 Gitee

与超过 1200万开发者一起发现、参与优秀开源项目，私有仓库也完全免费：）

文件

该仓库未声明开源许可证文件（LICENSE），使用请关注具体项目描述及其代码上游依赖。

克隆/下载

readme.md 2.01 KB

### 学习vue原理编写的基础功能

### 1.0.7

- 新增checkbox支持
- 新增:class 语法的支持

```html

.color{
    color: red
}
.bc{
    background: blue
}

<span :class='{colorKey:"color", bcKey:"bc"}'>css</span>

colorKey:true,
bcKey:true

```

#### 1.0.4

- @click 支持参数传递 
- 取消默认接收event
- 目前只能传递一个字符串类型参数

``` html
<span @click="onClick($event,'11')">计算</span>
```

##### 1.0

- 需要绑定的数据请挂载到 data
- html 绑定到 v-value
- input 绑定使用 v-module
- 支持@click事件
- 支持v-if

### 安装
浏览器导入
```javascript
<script src='./minVue.min.js'></script>
```

```javascript
npm || yarn
```

```javascript
npm install minVue  
yarn minVue

```

使用

```javascript
import minVue from 'min-vue'

const minVue = require('min-vue')

```

```html
<ul id="app">
    <li class="product">
        单价
        <input type="number" class="number" v-module='num'>
        <span v-value='num'></span>
        数量
        <input type="number" class="number" v-module='num1'>
        <span v-value='num1'></span>
        单品总价
        <span class="total-price" v-value='num3'></span>
        <span @click="onClick">计算</span>
    </li>
    <li>
        <span v-if='li1'>1</span>
        <span @click='onChangeli1'>切换显示1</span>
    </li>
    <li>
        <span v-if='li2'>2</span>
        <span @click='onChangeli2'>切换显示2</span>
    </li>
</ul>
```

```javascript

new minVue({
    el:'#app',
    data:function(){
        return {
            num:'',
            num1:'',
            num3:'',
            li1:true,
            li2:true
        }
    },
    created:function(){
        // console.log('初始化完成')
    },

methods:{
        onClick:function(){
            this.data.num3 = this.data.num * this.data.num1
        },
        onChangeli1:function(){
            this.data.li1 = !this.data.li1
        },
        onChangeli2:function(){
            this.data.li2 = !this.data.li2
        }
    }
})  
```

一键复制编辑原始数据按行查看历史

提交于 2018-02-28 17:29 +08:00 . 1.0.7

### 学习vue原理编写的基础功能

### 1.0.7 

- 新增checkbox支持
- 新增:class 语法的支持

```html

.color{
    color: red
}
.bc{
    background: blue
}

<span :class='{colorKey:"color", bcKey:"bc"}'>css</span>

colorKey:true,
bcKey:true

```

#### 1.0.4


- @click 支持参数传递 
- 取消默认接收event
- 目前只能传递一个字符串类型参数

``` html
<span @click="onClick($event,'11')">计算</span>
```

##### 1.0

- 需要绑定的数据请挂载到 data
- html 绑定到 v-value
- input 绑定使用 v-module
- 支持@click事件
- 支持v-if

### 安装
浏览器导入
```javascript
<script src='./minVue.min.js'></script>
```

```javascript
npm || yarn
```

```javascript
npm install minVue  
yarn minVue

```

使用

```javascript
import minVue from 'min-vue'

const minVue = require('min-vue')

```

```html
<ul id="app">
    <li class="product">
        单价
        <input type="number" class="number" v-module='num'>
        <span v-value='num'></span>
        数量
        <input type="number" class="number" v-module='num1'>
        <span v-value='num1'></span>
        单品总价
        <span class="total-price" v-value='num3'></span>
        <span @click="onClick">计算</span>
    </li>
    <li>
        <span v-if='li1'>1</span>
        <span @click='onChangeli1'>切换显示1</span>
    </li>
    <li>
        <span v-if='li2'>2</span>
        <span @click='onChangeli2'>切换显示2</span>
    </li>
</ul>
```

```javascript

new minVue({
    el:'#app',
    data:function(){
        return {
            num:'',
            num1:'',
            num3:'',
            li1:true,
            li2:true
        }
    },
    created:function(){
        // console.log('初始化完成')
    },

    methods:{
        onClick:function(){
            this.data.num3 = this.data.num * this.data.num1
        },
        onChangeli1:function(){
            this.data.li1 = !this.data.li1
        },
        onChangeli2:function(){
            this.data.li2 = !this.data.li2
        }
    }
})  
```

Loading...

马建仓 AI 助手

尝试更多

代码解读

代码找茬

代码优化

1

https://gitee.com/amundsen-code/minVue.git

git@gitee.com:amundsen-code/minVue.git

amundsen-code

minVue

minVue

master