TA的文章(7)
-
vue生命周期
关于生命周期的理解:1.首先是初始化生命周期和事件2.实例化一个对象,这个时候可以传入的data的数据,watch,事件等可操作,同时可以操作ajax进行接口调用,然后在渲染之前展示节点等3.找到渲染的节点,但是没有挂载4.渲染节点,传入数据,可进行js dom操作5.更新数据前可进行dom操作,执行事件6.数据更新7.摧毁前执行事件8.摧毁所有的事件,实例钩子函数贯穿生命周期,阐述了钩子函数就是生命周期
-
vue(一)
1.模块语法 <div id="app"> <!-- mustache标签 --> <!-- v-text v-html --> <p>{{message}}</p> <p v-text="message"></p> <p v-html="message"></p> <p>hello {{message}}</p> <!-- v-bind
-
vue(二)
vue基础知识1.模板的基础用法 <div id="app"> <!-- mustache标签 --> <!-- v-text v-html --> <p>{{message}}</p> <p v-text="message"></p> <p v-html="message"></p> <p>hello {{message}}</p> <!
-
vue(购物车项目)
购物车的项目其实主要就是写红框里面的内容,也就是购买,删除和总金额的计算以及对input框值的事件监听效果。首先静态处理:看出来都是一样的循序处理,所以直接使用vue使用的v-for循环进行写即可。动态绑定即js的写法:因为我是写完了以后自己又重新写的,所以我就自己写的内容分开来说,主要讲比较简单易懂的但是代码量多的这种方法(第三种)第一种方法:使用深度监听 watch:{
-
vue(购物车项目完善)
总结一下购物车项目遇到的问题和解决的方法以及一些未解决的方法和一些优化1.优化①商品列表处的排序无规律的自动排序原理:随机互换数组里面的顺序 dl(){ var len=this.gm.length;
-
脚手架安装
脚手架的安装1.首先要安装一个node.js2.安装淘宝镜像3.开始安装脚手架,运行nodejs窗口命令安装脚手架:cnpm install -g vue-cli创建文件夹:vue init webpack 自定义文件名(优先进入自己的目录下)进入文件夹:cd 自定义文件名然后执行命令,语法什么的不要勾选:npm install 安装完毕,还有几个语句需要了解cnpm run build 打包上线cnpm run dev 线上使用install i 补充
-
vue之组件
VUE组件一.组件基础1.概念组件类似于Vue实例,但是没有el挂载,而且data里面必须是函数(为了保证组件的复用不相互影响)2.组件的定义和注册使用定义:组件中定义模板(注意:模板中必须要包含一个根节点,最外层需要包住) var component1=({ data(){ return { count:0, } }, template:`<button @cl