vue.js
无聊的一只鱼
从事前端工作的小菜鸟
展开
-
vue父子组件传值方法:$emit和props
父组件 —> 子组件传值(props); 子组件 —> 父组件传值(emit);以及插槽(slot);对于一个独立的组件来说,props是用来为组件内部注入核心的内容;emit); 以及插槽(slot); 对于一个独立的组件来说,props是用来为组件内部注入核心的内容;emit);以及插槽(slot);对于一个独立的组件来说,props是用来为组件内部注入核心的内容;emit用来使这个独立的组件通过一些逻辑来融入其他组件中 下面是一些代码的例子 父组件中引入子组件select-popup .原创 2020-07-14 15:03:03 · 353 阅读 · 0 评论 -
封装vue组件的一个简单的demo
//封装vue (function() { var vm = new Vue({ data() { return { list: [], show: false } }, methods: { open() { this.show = true; }原创 2020-07-14 14:34:34 · 373 阅读 · 0 评论 -
vue中的数组触发视图更新问题
1、给vue中的变量赋值的问题 需要使用$set 在页面中显示数组数据时发现了一个问题,当在methods方法中修改数组数据后,虽然数组已经发生改变,但是改变后的数据并没有渲染到页面上。这是因为在VUE中,如果在实例创建之后添加新的属性或者改变属性到实例上,它将不会触发视图更新。 ...原创 2020-07-14 14:30:36 · 527 阅读 · 0 评论 -
js实现简单定位的一个方法 element.scrollIntoView()
js实现简单定位的一个方法 element.scrollIntoView() 可用让当前元素滚动到浏览器窗口的可视区域内(不需要获取滚动条位置之类的操作,使用非常简单,但只能实现一些简单的定位,其中element指的是要跳转到的元素) 该方法可用传两种参数: 第一种是直接传入布尔值,false或true 使用如下: element.scrollIntoView(true); 默认定位,效果:垂直方向start(顶端)对齐,水平方向默认nearest(就近)对齐 element.scroll...原创 2020-06-24 11:52:07 · 787 阅读 · 0 评论 -
学习笔记01--Vue.js基础
vue.js是一套构建用户界面的框架,只关注视图层,有双向数据绑定,能够减少不必要的DOM操作,提高渲染效率。 一、vue.js基本结构 例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" conte...原创 2019-10-08 00:42:19 · 131 阅读 · 0 评论 -
学习笔记03--Vue动画
学习笔记03–Vue动画 一个动画过程:四个时间点和两个时间段 v-enter-active(v-enter-------->v-enter-to)进入过渡 v-leave-active(v-leave-------->v-leave-to)离开过渡 v-enter:是一个时间点,进入之前,元素的起始状态,此时还没有进入动画 v-leave-to:是一个时间点,动画离开之后的终止状态...原创 2019-10-08 20:54:45 · 157 阅读 · 0 评论 -
学习笔记04--vue组件
1、组件化和模块化的区别: 模块化:从代码逻辑的角度进行划分,方便代码分层开发,保证每个功能模块的职能单一 组件化:从UI界面的角度进行划分,前端的组件化,方便UI组件的重用 2、创建组件的方式 方式一: (1)使用Vue.extend来创建全局的Vue组件 (2)使用Vue.component(‘组件名称’ , 创建的组件模板对象) <div id="app> <my-com...原创 2019-10-10 19:30:14 · 114 阅读 · 0 评论