weixin_42540376的博客

todo-list-view1 项目内容展示1.1 首先在app.js中新建Vue实例，挂载结点，构建数据内容模板。数据内容包括（id，数据内容，完成状态）：todos:[ {id: 1, title: '示例内容1' , completed: true}, {id: 2, title: '示例内容2' , completed: false}, {id: 3, title: '示例内容3' , completed: false} ]1.2 在index.html中书写内容

Vue1 vue创建一个新的项目1.1 新建一个文件夹进入cmd命令中vue --version //查看vue版本号vue create vueProject// vueProject 为要创建的Vue项目名1.2 创建成功的选择1.3 启动vue项目

1 Vue基础语法1.1 v-once所标记内容，只允许显示一次，不允许修改1.2 v-text可替换文本内容数据<div id="app"> <p v-text = "content"> V-text 测试</p></div><script> var vm = new Vue({ el:"#app", data: { content : "您好，Vue!" } })</sc

1. 单选框处理要点：属性值（ID、value、v-model、type=“radio”）<input type="radio" v-model="picked" id="man" value="man_value"/> <lable for="man">男</lable> <br /><input type="radio" v-model="picked" id="woman" value="woman_value"/>

箭头函数（Arrow function ）简化操作，节约时间可分为一参和多参，也可分为多语句和单语句语法规则：（parameters）=> {statements}一参数x => x*x等同于function(x){ return x*x;}两个参数(x,y) => x*y;等同于function(x,y){ return x*y;}多条语句不能省略{}x => { if (x > 0) { return x * x

Vue数组中需要的操作基本操作1.pop(): 移除数组中的最后一个元素2.push(): 将数据插入数组中的最后一位3.unshift(): 将数据插入到数组中第一位4.shift(): 移除数组中的第一位元素进阶操作1.splice():1.1 一个参数：将删除包括此参数及其以后的所有参数1.2 两个参数：第一个参数指 数组的元素坐标，第二个元素指第一个元素以后需要删除的个数。1.3 三个参数: 第一个参数指 数组的元素坐标，第二个元素指需要删除的元素个数，最后一个元素指需要在第一个