首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Vue从零基础到入门
Delete_
创建于2022-05-03
订阅专栏
每天都会更新Vue的学习方法.
暂无订阅
共18篇文章
创建于2022-05-03
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
vue中的插槽:默认插槽和具名插槽.
vue中的插槽 组件通过插槽传入自定义结构 用于实现组件的内容分发, 通过 slot 标签, 可以接收到写在组件标签内的内容 vue提供组件插槽能力, 允许开发者在封装组件时,把不确定的部分定义为插槽
如何使用动态组件实现页面切换
插槽 插槽(Slot)是 vue 为组件的封装者提供的能力。允许开发者在封装组件时,把不确定的、希望由用户指定的部分定义为插槽 可以把插槽认为是组件封装期间,为用户预留的内容的占位符 动态组件 指的是
$refs和$nextTick的使用
$refs:获取原生dom标签. 父组件代码 子组件代码 ref可以用来获取dom或组件实例对象的方法. $nextTick的用法. 因为数据的变化而导致的dom更新是异步的.所以这个时候我们就要用到
三分钟让你了解vue中的父子通讯.
vue组件化开发. 什么是组件化开发. 组件时可以复用的vue实例,封装标签,样式和JS代码 vue组件分类: 1.页面组件 2.页面下的功能组件 组件化开发:一个页面(.vue)可能有一个或多个组件
vue中的过滤器与监听器
过滤器 什么是过滤器 过滤器的作用 应用场景 过滤器的格式 过滤器使用的格式 计算属性:对于拿到的数据进⾏加⼯,以得到新的数据项。它不需要⼊参,因为它需要的数据在函数内部都可以通过this.XXX来获
computed配置项
computed是什么 computed是vue的配置选项,它的值是一个对象,其中可定义多个计算属性,每个属性就是一个函数. 属性名称:计算机属性的名称 属性的值:计算属性的素材函数 对需要依赖的数据
动态style样式.
作用 给标签动态设置style的值 语法 <标签 :style = "{css属性值:值}"/> 1.可以和静态style共存 2.样式中带-属性写成小驼峰 示例代码
动态class
说明 我们之前学习的vue基础碧血的指令我们就学习完了.大家可以把折叠案例反复做一下.下面我们来学习vue里面的基础api 动态class 用v-bind给标签设置动态的值 语法 格式1 : < 标签
v-model双向绑定与v-model修饰符
v-model的作用 把value属性和vue数据变量双向绑定到一起. 语法 v-model="data数据变量" 双向数据绑定 数据变化->视图自动同步 视图变化->数据自动同步 演示:请输入选择和
vue指令v-on事件对象和两种修饰符.
v-on事件对象 语法 没有传参,通过形参直接接收 传参,通过$event指代事件对象传给事件处理函数. v-on事件修饰符 语法 <标签 @事件名.修饰符="methods"/> .stop-阻止事
了解和解决跨域问题.
先让我们来抛出问题.什么是跨域,它是怎么形成的,从而怎么解决跨域问题. 什么跨域 协议,端口,域名相同的三者百分百相同就是同源.如果又一项不相同就会产生跨域问题 目录结构 准备素材 index.htm
vue指令 v-if,v-else,else
功能 模板中的选择结构. 格式 于js中的if选择结构是一致的. 示例需要掌握和使用. v-else必须要和v-if匹配使用,v-else不能单独使用.只有v-if的值为false时.v-else模块
v-if和v-show指令
作用 v-if和v-show指令的作用都是空值标签的可见于不可见的.相比JS中的DOM操作不用获取元素,设置样式.反而方便了很多. 语法 <标签 v-show = "vue变量" /> <标签 v-i
vue指令之.v-text和v-html
掌握v-text和v-html的使用. 用途:更新DOM对象的innerText/innreHTML. 语法 v-text = "vue数据变量" v-html = "vue数据变量" 示例 小节 v
Vue必学指令之v-for
1.v-for 指令. 功能 列表渲染,所在标签结构,按照数据数量,循环生成. 语法 ``<标签 v-for = " (值, 索引或者属性名无需求时可省略不写) in 目标结构" :key="唯一值"
如何用Vue-cli脚手架创建项目.
目标 使用vue命令创建脚手架项目 步骤 1.创建项目 2.选择模板 3.安装依赖 4.启动项目 创建项目 选择模板 通过键盘上下箭头选择合适的模板,如果选错了,可以按下ctrl+c终止操作重新输入上
看完之后有手就行的安装Vue脚手架教程.
vue-cli 脚手架介绍. 目标. 了解什么是vue -cli 脚手架. vuecli是什么. vue-cli 是vue官方提供的一个全局模块包(通过命令工具行来使用), 用来快速创建一个脚手架项目
Vue必须掌握的指令之v-bind.
今天就来给大家说说几个Vue常用的指令. 1.v-bind 如何动态的设置img的src的内容?这个时候就要用到我们的v-bind指令. v-bind的作用. v-bind用来动态绑定标签上的属性值.