![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
丶Parousia
这个作者很懒,什么都没留下…
展开
-
Vue基本
vue基本 指令 指令是绑定在dom属性上的 v-html: 可以解析标签型数据( 可以将一个数据展示在一个dom的内容中( 相当于使用了 innerHTML ) v-text:可以将一个数据展示在一个dom的内容中( 相当于使用了 innerText) 条件渲染的指令 v-show :可以控制一个dom的显示隐藏( 这个指令操作的是dom的display属性 ) v-if:可以控制一个dom...原创 2019-06-23 21:00:22 · 73 阅读 · 0 评论 -
vue基础(2)
vue基础(2) 事件修饰符 业务: 阻止事件冒泡 这是我们需要在我们的事件处理程序中添加阻止事件冒泡行为 但是我们发现,e.stopPropagation() 我们书写了三次, 总结: 这么书写会导致代码重复,浪费性能 解决: 修饰符 格式: @eventType.修饰符 = “事件处理程序” 修饰符名称: 是我们原生方法简写( 第一个单词(基本上)) <script src="https...原创 2019-06-23 21:03:19 · 80 阅读 · 0 评论 -
vue基础(3)
vue基础(3) watch侦听属性 1.作用 用来监听data中定义的数据,当data中定义的数据发生了变化,那么watch中的key就会触发 watch是一个对象 watch: {} watch中可以设置多个类型的键值 2.使用方式( 重点 ) 方法 watch: { fn () {} } 对象----深度监听 watch: { fn: { ...原创 2019-06-23 21:07:23 · 102 阅读 · 0 评论 -
虚拟Dom和组件注册
虚拟dom && diff算法 vdom是什么? 它是一个Object对象模型,用来模拟真实dom节点的结构 // 1.获取数据( ajax fetch ) var data = { id: 1, name: '1903' } // 2. 创建vdom var vdom = { tag:...原创 2019-07-09 20:45:11 · 110 阅读 · 0 评论 -
组建通信,动态组件
组件通信 father->child 1、父组件配置Vue.component()中定义要传递的参数 data () { return { num : 100, } } 2、父组件中的子组件标签添加单项数据绑定 <child-box :num="num">...原创 2019-07-09 20:51:35 · 123 阅读 · 0 评论 -
插槽,属性验证,过滤器,动画
slot 作用域插槽 旧: slot-scope 1、在组件的模板中书写slot插槽,并将当前组件的数据通过 v-bind(双向绑定) 绑定在 slot标签上 <slot name="test" :num="num"></slot> 2、在组件使用时,通过slot-scope = “slotProp” 来接收slot标签身上绑定的数据 <template...原创 2019-07-09 20:59:54 · 150 阅读 · 0 评论 -
生命周期、swiper、自定义指令、cli
一、生命周期 什么是生命周期? vue中的生命周期指的是 组件 从创建到销毁一个过程,在这个过程中,我们在每一个特定的阶段会触发一些方法( 这些方法具备一些功能),我们给这些方法起了个名字叫做( 生命周期钩子函数/ 组件钩子 ) 为什么要学习生命周期? 因为我们想在生命周期钩子中实现项目功能,那么我们必须知道每一个钩子函数的具体用途 这个生命周期是谁的生命周期? 组件 项目中生命...原创 2019-07-09 21:07:50 · 304 阅读 · 0 评论 -
vue-router
Router SPA ( single page App ) 单页面应用 多页面应用 有多个html文件,通过a标签的连接联通各个页面 缺点 开发起来太冗余,编译、压缩很耗时间 页面之间的跳转速度太慢,这个时候就会出现一个严重的问题,白屏 单页面应用 不需要刷新页面,因为它就是一个页面 这个页面内容在切换 单页面内容之间的切换要想实现我们就是用路由了 如今我们的app、后台管...原创 2019-07-09 21:23:11 · 240 阅读 · 0 评论 -
vuex
状态管理(vuex) store(集中式的存储管理) 什么时候用: 打算开发中大型应用 集中式数据管理, 一处修改,多处使用 思维流程: store.js this.store.commit(′increment′)−>mutationsthis.store.commit('increment') -> mutations ...原创 2019-07-09 21:26:39 · 111 阅读 · 0 评论