![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue总结
我已出舱感觉良好
要努力了
展开
-
Day04 组件化开发
文章目录Day04 组件化开发一、组件的基本使用步骤局部组件与全局组件二、Vue的父子组件通信Vue组件的data父子组件传值双向绑定案例三、父子组件的访问方式父访问子子访问父四、slot插槽slot插槽基本使用具名插槽的使用作用域插槽 Day04 组件化开发 组件化,就是把页面拆分成多个组件,每个组件依赖的 CSS、JS、模板、图片等资源放在一起开发和维护。 因为组件是资源独立的,所以组件在系统内部可复用,组件和组件之间可以嵌套,如果项目比较复杂,可以极大简化代码量,并且对后期的需求变更和维护也更加友好原创 2020-06-17 17:37:33 · 182 阅读 · 0 评论 -
Day03 JS高阶函数和Vue指令(下)
文章目录Day03 JS高阶函数和指令(下)一、JS数组高阶函数filter函数map函数reduce函数二、v-model指令基本使用和radio结合使用和checkbox结合和select结合v-model修饰符 Day03 JS高阶函数和指令(下) 一、JS数组高阶函数 filter函数 filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。 注意: filter() 不会对空数组进行检测。 注意: filter() 不会改变原始数组。 this.numbers原创 2020-06-17 17:05:09 · 144 阅读 · 0 评论 -
Day02 ES6语法基础和Vue指令(中)
文章目录Day02 ES6语法基础和Vue指令(中)一、let/constletconst对象字面量增强写法二、v-on事件监听基本用法v-on参数传递v-on修饰符三、条件判断指令v-if/v-else指令v-if-else指令切换登录方式案例四、v-for指令遍历数组遍历对象元素v-for绑定key作用五、响应式数组方法响应式数组函数赋值语句问题六、综合案例:购物车需求说明步骤效果 Day02...原创 2020-04-14 11:43:23 · 185 阅读 · 0 评论 -
Day01 Vue.js入门和指令(上)
文章目录Day01 Vue入门和指令(上)一、Vue.js的概念与特点概念特点二、Vue安装方式CDN安装下载引入npm安装三、Vue示例示例一:Vue的响应式示例二:列表展示示例三:计数器四、Vue中的MVVM计数器案例中的MVVM五、Vue的options属性el选项data选项methods选项六、Vue的生命周期Vue的生命周期函数(钩子函数)七、插值操作Mustache语法其他插值指令八...原创 2020-04-09 00:21:32 · 319 阅读 · 0 评论