xiaoyurainzi的博客

目录组件化开发零：单文件组件1.简介2.Hello.vue 的简单实例：现在我们获得：一：环境准备1.Node.js① Node.js 介绍后端语言和前端语言的区别：② 下载2个分支③ 安装④ 查看版本2.npm① npm 介绍② npm 版本查看③ npm的默认安装位置④ npm 常用选项⑤ npm 常用命令3.cnpm① cnpm 介绍② cnpm 安装③ npm 版本查看④ npm 常用选项④ cnpm常用命令二：Vue-CLI 脚手架1.介绍Vue CLI 是一个基于 Vue.js 进行快速开发的完

目录一、Swiper1.简介2.官网3.CDN4.实例4.1.基础4.2自定义组件的封装4.3自定义指令二、过滤器 一、Swiper 1.简介 Swiper常用于移动端网站的内容触摸滑动 Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端 Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果 Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择！ 2.官网 https://www.swiper.com.cn/ 3.CDN &lt

生命周期 一、Vue实例的生命周期 从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，就是Vue实例的生命周期。 二、生命周期钩子 生命周期钩子：就是生命周期事件的别名。生命周期钩子又叫生命周期函数 也叫生命周期事件。 创建期间的生命周期函数： 三 钩子函数 beforeCreate created beforeMount mounted beforeUpdate update beforeDestroy destroyed create let vm = new Vue()

常用CDN 和 后台管理模板

文章目录昨日回顾今日内容1 定义局部组件2 组件编写方式与Vue实例的区别3 组件通信之父传子通信3.1 属性验证4 组件通信之子传父通信4.2 小案例5 ref属性（也可实现组件间通信,子父，父子都可以使用）5.1 使用6 事件总线原本的通信方式事件总线的通信方式实例7 动态组件和keep-alive8 slot插槽8.1 基本使用8.2 插槽案例（一个组件通过插槽控制另一个组件的显示隐藏）8.3 具名插槽（指定标签放到组件的某个插槽中） 昨日回顾 1 购物车案例 2 v-model之lazy，numb

文章目录昨日回顾今日内容1 购物车案例2 v-model之lazy,number,trim3 fetch组件3.1 通过jq的ajax实现3.2 fetche向后端发送请求4 axios4.1.简介4.2 案例5 计算属性5.1 通过计算属性来实现人名首字母大写5.2 通过计算属性重写过滤小案例6 虚拟dom与diff算法 key的作用7 组件化开发基础7.1 定义全局组件并使用 昨日回顾 0 style和class -数据绑定 :属性名='js变量/js语法' -class:三目运算符，数组，对

文章目录昨日回顾style和class的控制class 三种控制方式style的三种控制方式今日内容1 条件渲染1.1 通过v-if和v-for实现购物车1.2 v-if/v-else-if/v-else2 列表渲染2.1 for循环数组，对象2.2 key值的解释2.2 数组更新与检测3 事件处理3.1 input过滤案例3.2 简单事件3.3 事件修饰符3.4 按键修饰符案例4 数据双向绑定4.1 v-model使用5 表单控制5.1 checkbox选中5.2 多选5.3 单选5.4 购物车案例5

目录一、前端目前形式二、vue介绍和使用2.1 渐进式JavaScript2.2 Vue介绍2.3 Vue特点2.4 三大主流框架2.5 快速使用三、模板语法3.1 插值3.1.1 概述3.1.2 案例3.2 指令3.2.1 文本相关指令案例3.2.2 事件指令案例3.2.3 属性指令案例3.2.4 style和class案例 一、前端目前形式 1. html5,css3,js(es5,es6):写一个一个的页面---》给后端（php，python，go，java）--》后端嵌入模板语法--》后端渲染完-