
Vue
放开这颗白菜让我来
微信公众号“放开这颗白菜让我来”
哥拱的不仅仅是白菜,是寂寞
展开
-
【人生苦短我学Vue】-【DAY12】-Promise
大家好,我是被白菜拱的猪。一个热爱学习废寝忘食头悬梁锥刺股,痴迷于girl的潇洒从容淡然coding handsome boy!原创 2020-08-01 15:51:29 · 159 阅读 · 0 评论 -
【人生苦短我学Vue】-【DAY11】-Vue Router
大家好,我是被白菜拱的猪。一个热爱学习废寝忘食头悬梁锥刺股,痴迷于girl的潇洒从容淡然coding handsome boy!文章目录一、写在前言二、Vue Router(一)认识路由1、后端渲染/后端路由2、前后端分离3、SPA/前段路由(二)路由的基本配置(三)细节处理(四)路由懒加载(五)路由嵌套(六)参数传递(七)导航守卫(八)keep-alive三、结束语一、写在前言说是day10变到day11,实际上vue-router学习了三天之久,所以标题未免有些糊弄人的嫌疑。虽说效率之低,但还没原创 2020-07-26 23:33:39 · 167 阅读 · 0 评论 -
【人生苦短我学Vue】-【DAY10】-Vue CLI(脚手架)
大家好,我是被白菜拱的猪。一个热爱学习废寝忘食头悬梁锥刺股,痴迷于girl的潇洒从容淡然coding handsome boy!文章目录一、写在前言二、何为Vue CLI(一)简单介绍(二)Vue CLI依赖(三)安装Vue CLI三、Vue CLI2(一)创建工程过程详解(二)目录结构详解(三)runtime-only与runtime-complier的区别1、Vue程序运行过程2、render函数的使用(1)createElement函数3、箭头函数的使用(1)箭头函数的基本使用(2)箭头函数参数问原创 2020-07-23 15:07:44 · 190 阅读 · 0 评论 -
【人生苦短我学Vue】-【DAY09】-webpack详解(2)
大家好,我是被白菜拱的猪。一个热爱学习废寝忘食头悬梁锥刺股,痴迷于girl的潇洒从容淡然coding handsome boy!文章目录一、写在前言二、webpack详解(2)......(五)loader的使用......3、图片文件处理(1)小图片a.安装url-loaderb.配置webpack.config.jsc.打包look,look(2)大图片a.先尝试用小图片的方式b.配置publicPathc.修改文件名字4、ES6转ES5(babel的使用)(六)webpack配置Vue1、安装Vu原创 2020-07-21 21:59:53 · 352 阅读 · 0 评论 -
【人生苦短我学Vue】-【DAY08】-webpack详解(1)
大家好,我是被白菜拱的猪。一个热爱学习废寝忘食头悬梁锥刺股,痴迷于girl的潇洒从容淡然coding handsome boy!文章目录一、写在前言二、webpack详解(一)认识webpack(二)webpack的安装(三)webpack的起步(四)webpack的配置1、指定一个默认的入口与出口2、npm run build3、局部安装局部webpack(五)loader的使用1、CSS文件处理(1)创建css文件(2)在main.js中引用(3)下载loader(4)配置module于webpac原创 2020-07-20 19:55:42 · 231 阅读 · 0 评论 -
【人生苦短我学Vue】-【DAY07】-前端模块化
大家好,我是被白菜拱的猪。一个热爱学习废寝忘食头悬梁锥刺股,痴迷于girl的潇洒从容淡然coding handsome boy!今天让我们开始第七天的学习,走进前端模块化的殿堂。文章目录一、前端模块化1-为什么要使用模块化开发2-CommonJS(1)使用exports导出(2)使用require导入3-ES6的模块化(1)export的使用a.导出的是变量b.导出的是函数/类c.export default(2)import的使用二、结束语一、前端模块化1-为什么要使用模块化开发在我们真实开发原创 2020-07-19 21:59:57 · 905 阅读 · 0 评论 -
【人生苦短我学Vue】-【DAY06】-组件化开发(组件访问,slot)
大家好,我是被白菜拱的猪。一个热爱学习废寝忘食头悬梁锥刺股,痴迷于girl的潇洒从容淡然coding handsome boy!文章目录一、组件化开发1-组件访问(接上一篇文章)(1)父访问子(2)子访问父二、组件化高级1-slot(插槽)(1)slot的基本使用(2)具名插槽一、组件化开发1-组件访问(接上一篇文章)当我们想直接看看父组件或者子组件有啥东西,前面讲的时候父子组件值传递,这次不是要传东西,而是直接看你有啥。这就是组件访问。(1)父访问子父组件访问子组件有两种方式,一是使用$ch原创 2020-07-18 20:20:52 · 116 阅读 · 0 评论 -
【人生苦短我学Vue】-【DAY05】-组件化开发
大家好,我是被白菜拱的猪。一个热爱学习废寝忘食头悬梁锥刺股,痴迷于girl的潇洒从容淡然coding handsome boy!文章目录一、组件化开发1-什么是组件化开发2-组件的基本使用3-全局组件和局部组件4-父组件和子组件5-组件的语法糖注册方式6-组件的模板分离7-组件数据的存放(1)存放在data中(2)组件中的data为什么是一个函数?8-组件通信(1)父组件通过props向子组件发送数据(2)父传子props中属性驼峰命名时(3)子组件通过自定义事件向父组件发送数据一、组件化开发1-什原创 2020-07-17 22:45:28 · 146 阅读 · 0 评论 -
【人生苦短我学Vue】-【DAY04】-高阶函数,v-model的使用
大家好,我是被白菜拱的猪。一个热爱学习废寝忘食头悬梁锥刺股,痴迷于girl的潇洒从容淡然coding handsome boy!文章目录一、购物车案例二、高阶函数1-filter函数的使用2-map函数的使用3-reduce函数的使用三、v-model的使用1-v-model的基本使用2-v-model的原理3-v-model结合radio类型4-v-model结合checkbox类型5-v-model集合select类型6-值绑定7-v-model修饰符的使用(1)lazy修饰符(2)number修饰原创 2020-07-16 17:43:59 · 266 阅读 · 0 评论 -
【人生苦短我学Vue】-【DAY03】-条件判断,循环遍历
大家好,我是被白菜拱的猪。一个热爱学习废寝忘食头悬梁锥刺股,痴迷于girl的潇洒从容淡然coding handsome boy!这里写目录标题一、条件判断1-v-if的使用2-v-if和v-else的结合使用3-v-if和v-else-if和v-else的使用4-用户切换登录小案例以及出现的问题5-v-show的使用二、循环遍历、1-v-for循环遍历数组2-v-for循环遍历对象3-数组响应式方法三、作业的回顾与完成一、条件判断vue会根据v-if的值决定元素是否渲染。1-v-if的使用在编写原创 2020-07-14 20:11:51 · 260 阅读 · 0 评论 -
【人生苦短我学Vue】-【DAY02】-计算属性,ES6补充,事件监听
大家好,我是被白菜拱的猪。一个热爱学习废寝忘食头悬梁锥刺股,痴迷于girl的潇洒从容淡然coding handsome boy!文章目录一、计算属性3-计算属性的getter和setter方法4-计算属性与methods的对比二、ES6补充1-块级作用域2-const的使用3-对象字面量的增强写法(1)属性的增强写法(2)函数的增强写法三、事件监听1-v-on的基本使用2-v-on的参数问题四、结束语一、计算属性3-计算属性的getter和setter方法在计算属性中,fullName这个属性里原创 2020-07-13 19:05:40 · 169 阅读 · 0 评论 -
【人生苦短我学Vue】-【DAY01】-爱的初体验
大家好,我是被白菜拱的猪。一个热爱学习废寝忘食头悬梁锥刺股,痴迷于girl的潇洒从容淡然coding handsome boy!利用好大二与大三之间的暑假,让我们充实自己,走向人生巅峰,迎娶白富美。文章目录爱的初体验一. 邂逅Vuejs1.1. 认识Vuejs1.2. 安装Vue1.3. Vue的初体验1.4. Vue中的MVVM1.5. 创建Vue时, options可以放那些东西二.插值语法三. v-bind动态绑定3.1. v-bind绑定基本属性3.2. v-bind动态绑定class3.3.原创 2020-07-12 17:05:25 · 242 阅读 · 0 评论