Vue从零基础到入门

vue中的插槽 组件通过插槽传入自定义结构 用于实现组件的内容分发, 通过 slot 标签, 可以接收到写在组件标签内的内容 vue提供组件插槽能力, 允许开发者在封装组件时，把不确定的部分定义为插槽

插槽 插槽（Slot）是 vue 为组件的封装者提供的能力。允许开发者在封装组件时，把不确定的、希望由用户指定的部分定义为插槽 可以把插槽认为是组件封装期间，为用户预留的内容的占位符 动态组件 指的是

$refs:获取原生dom标签. 父组件代码 子组件代码 ref可以用来获取dom或组件实例对象的方法. $nextTick的用法. 因为数据的变化而导致的dom更新是异步的.所以这个时候我们就要用到

vue组件化开发. 什么是组件化开发. 组件时可以复用的vue实例,封装标签,样式和JS代码 vue组件分类: 1.页面组件 2.页面下的功能组件 组件化开发:一个页面(.vue)可能有一个或多个组件

过滤器 什么是过滤器 过滤器的作用 应用场景 过滤器的格式 过滤器使用的格式 计算属性：对于拿到的数据进⾏加⼯，以得到新的数据项。它不需要⼊参，因为它需要的数据在函数内部都可以通过this.XXX来获

computed是什么 computed是vue的配置选项,它的值是一个对象,其中可定义多个计算属性,每个属性就是一个函数. 属性名称:计算机属性的名称 属性的值:计算属性的素材函数 对需要依赖的数据

作用 给标签动态设置style的值 语法 <标签 :style = "{css属性值:值}"/> 1.可以和静态style共存 2.样式中带-属性写成小驼峰 示例代码

说明 我们之前学习的vue基础碧血的指令我们就学习完了.大家可以把折叠案例反复做一下.下面我们来学习vue里面的基础api 动态class 用v-bind给标签设置动态的值 语法 格式1 : < 标签

v-model的作用 把value属性和vue数据变量双向绑定到一起. 语法 v-model="data数据变量" 双向数据绑定 数据变化->视图自动同步 视图变化->数据自动同步 演示:请输入选择和

v-on事件对象 语法 没有传参,通过形参直接接收 传参,通过$event指代事件对象传给事件处理函数. v-on事件修饰符 语法 <标签 @事件名.修饰符="methods"/> .stop-阻止事

先让我们来抛出问题.什么是跨域,它是怎么形成的,从而怎么解决跨域问题. 什么跨域 协议,端口,域名相同的三者百分百相同就是同源.如果又一项不相同就会产生跨域问题 目录结构 准备素材 index.htm

功能 模板中的选择结构. 格式 于js中的if选择结构是一致的. 示例需要掌握和使用. v-else必须要和v-if匹配使用,v-else不能单独使用.只有v-if的值为false时.v-else模块

作用 v-if和v-show指令的作用都是空值标签的可见于不可见的.相比JS中的DOM操作不用获取元素,设置样式.反而方便了很多. 语法 <标签 v-show = "vue变量" /> <标签 v-i

掌握v-text和v-html的使用. 用途:更新DOM对象的innerText/innreHTML. 语法 v-text = "vue数据变量" v-html = "vue数据变量" 示例 小节 v

1.v-for 指令. 功能 列表渲染,所在标签结构,按照数据数量,循环生成. 语法 ``<标签 v-for = " (值, 索引或者属性名无需求时可省略不写) in 目标结构" :key="唯一值"

目标 使用vue命令创建脚手架项目 步骤 1.创建项目 2.选择模板 3.安装依赖 4.启动项目 创建项目 选择模板 通过键盘上下箭头选择合适的模板,如果选错了,可以按下ctrl+c终止操作重新输入上

vue-cli 脚手架介绍. 目标. 了解什么是vue -cli 脚手架. vuecli是什么. vue-cli 是vue官方提供的一个全局模块包(通过命令工具行来使用), 用来快速创建一个脚手架项目

今天就来给大家说说几个Vue常用的指令. 1.v-bind 如何动态的设置img的src的内容?这个时候就要用到我们的v-bind指令. v-bind的作用. v-bind用来动态绑定标签上的属性值.