首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
vue
四月145
创建于2022-07-20
订阅专栏
vue的基本使用
暂无订阅
共23篇文章
创建于2022-07-20
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
vue-$set(数据发生变化,但页面不会响应)
如图,后添加的数据sex:"男",会出现在vm身上,但是往下看,可以发现sex没有get和set 解决方法:在想要添加数据的地方前面加$set,就会出现get和set,页面就会出现响应 有局限性? 只
vue-全局事件总线(任意组件间通讯)-beforeCreate
安装全局事件总线的时候用到了生命周期函数 beforeCreate 全局事件总线,详细代码过程如下: 实现兄弟组件之间的通讯:
vue-自定义事件解绑$off-生命周期函数(destroyed)
自定义事件解绑$off 父组件 子组件 生命周期函数 destoryed() 生命周期函数不仅在vm身上可以使用,在vc上亦一样 先点击销毁当前组件实例对象后(destory生命周期函数),再点击a+
vue-组件自定义事件(子传父)
以前学过:通过父组件给子组件传递函数类型的props实现:子给父传递数据 新学:通过父组件给子组件绑定一个自定义事件实现:子给父传递数据
vue-兄弟组件通讯(原始方法)
假设Header和List是兄弟组件。一般情况下,兄弟组件是不能通讯的:缺少中间的黄线 原始解决方式: 此段代码实现了父传子,子传父
vue-防止组件间样式冲突
如图,代码里背景色不同,但显示结果却相同,这是因为样式名冲突覆盖了。一般在App.vue文件的style不添加scope,因为App里面的style一般是很多组件的共同属性,App里的style,可以
vue-mixins混入
组件里面如果有很多的配置是相同的,可以借助混合去复用 1.功能:可以把多个组件共用的配置提取成一个混入对象 2.使用方式: 第二步使用混入: 全局混入:Vue.mixin(xxx) 局部混入:mixi
vue-props配置项
功能:让组件接收外部传过来的数据 传递数据:<Demo name="xxx"/> 接收数据: 第一种方式(只接收):props:['name'] 第二种方式(限制类型):props:{name:Str
vue-ref属性
被用来给元素或子组件注册引用信息(id的替代者) 应用在html标签上获取的是真实DOM元素,应用在组件标签上是组件实例对象(vc) 使用方式: 打标识:<h1 ref="xxx">.....</h1
vue-单文件组件
单文件组件的后缀都是 .vue App.vue 管理总的组件 例如student.vue school.vue 创建vue实例,在js文件,把App.vue引入 最后准备一个容器,el挂载上去
vue-重要的内置关系
一个重要的内置关系:VueComponent.prototype.proto === Vue.prototype 为什么要有这个关系?让组件实例对象(vc)可以访问到 Vue原型上的属性、方法。 在v
vue-非单文件组件
Vue中使用组件的三大步骤: 一、定义组件(创建组件) 二、注册组件 三、使用组件(写组件标签) 一、如何定义一个组件? 使用Vue.extend(options)创建,其中option
vue-初识生命周期
生命周期: 又名:生命周期回调函数、生命周期函数、生命周期钩子。 是什么:Vue在关键时刻帮我们调用的一些特殊名称的函数。 生命周期函数的名字不可更改,但函数的具体内容是程序员根据需求编写的。 生命周
vue-directives-自定义指令
一、定义语法: (1).局部指令: new Vue({ new Vue({ directives:{指令名:配置对象} 或 directives{指令名:回调函数} }) }) 函数何时会被调用? 1
v-text与v-html
v-html指令: 1.作用:向指定节点中渲染包含html结构的内容。 2.与插值语法的区别: (1).v-html会替换掉节点中所有的内容,{{xx}}则不会
vue-key的作用-合理使用key
面试题:react、vue中的key有什么作用?(key的内部原理)key是虚拟DOM对象的标识,当数据发生变化时,Vue会根据【新数据】生成【新的虚拟DOM】,随后Vue进
vue-列表渲染-for
v-for指令: 1.用于展示列表数据 2.语法:v-for="(item, index) in xxx" :key="yyy" 3.可遍历:数组、对象、字符串(用的很少)、指定次数(用的
vue-条件渲染-if-show
条件渲染:(if和show的区别对比) 1.v-if写法: (1).v-if="表达式" (2).v-else-if="表达式" (3).v-else="表达式" 适用于:切换
vue-绑定class样式
绑定样式: 1. class样式 写法 :class="xxx" xxx可以是字符串、对象、数组。 字符串写法适用于:类名不确定,要动态获取。 对象写法适用于:要绑定多个样式,个数不确定,
vue-watch监视属性
监视属性watch: 1.当被监视的属性变化时, 回调函数自动调用, 进行相关操作 2.监视的属性必须存在,才能进行监视!! 3.监视的两种写法: (1).new Vue时传入watch配置
下一页