# vueWorkSpace

**Repository Path**: lanbao123/vueWorkSpace

## Basic Information

- **Project Name**: vueWorkSpace
- **Description**: vue实际开发应用中......
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2018-06-29
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vueWorkSpace
#### 项目介绍
基于Vue2.0实现购物车功能
#### 软件架构
软件架构说明
#### 安装教程
npm install vue-cli --save-dev
#### 使用说明
通过状态操作dom结构
1.v-for="(item,index) in/of list"  列表循环
2.v-if/v-show 显示和隐藏
3.v-on:click/@click 事件绑定
4.{{msg}}/v-text="msg"/v-html="msg" 渲染文本
5.v-model 数据的双向绑定 实时性
6.v-bind:class/:class   属性的绑定
7.vue实例构造
    el：挂载的dom
    data:vue相关数据
    filters:过滤器（定义一个函数，返回一个结果）使用方法：{{msg | fillterFun}}全局过滤器：一定要写在实例前面Vue.filter("fillterFun",function(value,type){})使用方法：{{item | fillterFun(type)}}   以调用方法格式显示
    mounted：生命周期函数（作为入口默认初始化的作用--钩子函数）使用方法：mounted:{function(){this.$nextTick(function(){this.init()//页面初始化加载})}}
    methods:方法的集合
    computed:计算属性方法，返回函数值，return 结果（可以用作过滤器）
8.设置属性
this.$set(this.data,”key”,value’) eg:_this.$set(item,"checked",_this.checkAllFlag);
全局注册新字段
 Vue.set(item,"checked",true);
9.加载json 数据，模仿调后台数据
this.$http.get("data/cartData.json").then(function (res) {}
10.遍历
this.productList.forEach(function (item,index) {}
#### 参与贡献

1. Fork 本项目
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request


#### 码云特技

1. 使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2. 码云官方博客 [blog.gitee.com](https://blog.gitee.com)
3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解码云上的优秀开源项目
4. [GVP](https://gitee.com/gvp) 全称是码云最有价值开源项目，是码云综合评定出的优秀开源项目
5. 码云官方提供的使用手册 [http://git.mydoc.io/](http://git.mydoc.io/)
6. 码云封面人物是一档用来展示码云会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)