摘要: Object.defineProperty()语法说明 Object.defineProperty()的作用就是直接在一个对象上定义一个新属性,或者修改一个已经存在的属性 Object.defineProperty(obj, prop, desc) obj 需要定义属性的当前对象 prop 当前需要 阅读全文
posted @ 2021-03-02 23:07 全情海洋 阅读(178) 评论(0) 推荐(0) 编辑
摘要: Model-View-ViewModel(MVVM,数据驱动视图模型)是软件体系结构模式之一。通过将应用程序分为以下三个部分Model - View - ViewModel来设计和实现具有自己的图形用户界面(GUI)的应用程序的方法。 阅读全文
posted @ 2021-03-02 21:09 全情海洋 阅读(121) 评论(0) 推荐(0) 编辑
摘要: 当混合里面包含异步请求函数,而我们又需要在组件中使用异步请求函数的返回值时,我们会取不到此返回值,如下: mixin中 组件中 控制台 解决方案:不要返回结果而是直接返回异步函数 mixin中 组件中 控制台 阅读全文
posted @ 2021-03-02 19:46 全情海洋 阅读(373) 评论(0) 推荐(0) 编辑
摘要: mixins基础概况 vue中的解释是这样的,如果觉得语言枯燥的可以自行跳过嘿~ 混入 (mixins): 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。 怎么用? 举个栗子: 定义一个混入对象 阅读全文
posted @ 2021-03-02 19:43 全情海洋 阅读(2174) 评论(0) 推荐(2) 编辑
摘要: 在项目的目录中找到router文件夹里的index.js index.js文件原先的文件结构 import Vue from 'vue' import Router from 'vue-router' import Home from '@/pages/home/Home' import City 阅读全文
posted @ 2021-03-02 17:11 全情海洋 阅读(2052) 评论(0) 推荐(1) 编辑
摘要: 动态组件就是几个组件放在一个挂载点下,然后根据父组件的某个变量来决定显示哪个,或者都不显示。 在挂载点使用 component 标签,然后使用 is =“组件名”,它会自动去找匹配的组件名,如果有,则显示 通过使用保留的 <component> 元素,动态地绑定到它的 is 特性,可以实现动态组件 阅读全文
posted @ 2021-03-02 16:55 全情海洋 阅读(626) 评论(0) 推荐(0) 编辑
摘要: vue中的插槽————slot 什么是插槽? 插槽(Slot)是Vue提出来的一个概念,正如名字一样,插槽用于决定将所携带的内容,插入到指定的某个位置,从而使模板分块,具有模块化的特质和更大的重用性。 插槽显不显示、怎样显示是由父组件来控制的,而插槽在哪里显示就由子组件来进行控制 父组件拥有结构,子 阅读全文
posted @ 2021-03-02 16:31 全情海洋 阅读(10808) 评论(1) 推荐(2) 编辑
摘要: vue高级特性 1. 自定义v-model; 详解;https://www.cnblogs.com/fsg6/p/14469150.html 2. this.$nextTick vue是异步渲染,data改变后,Dom不会立刻渲染, $nextTick会在DOM渲染之后被粗发,已获得最新的dom节点 阅读全文
posted @ 2021-03-02 15:41 全情海洋 阅读(84) 评论(0) 推荐(0) 编辑
摘要: v-model 还有一种数据的交互方式是使用 v-model, 这种方法专门是 input 组件, 这只不过是 一种语法糖的形式: input 组件上面本身有一个 onInput 事件。每当素输入框内容发生发生的时候,就会触发这个事件,然后把 input 的值 通过 $emit 传递出去。 <!-- 阅读全文
posted @ 2021-03-02 15:24 全情海洋 阅读(2939) 评论(0) 推荐(0) 编辑
摘要: Vue实例有一个完整的生命周期,也就是说从开始创建、初始化数据、编译模板、挂在DOM、渲染-更新-渲染、卸载等一系列过程,我们成为Vue 实例的生命周期,钩子就是在某个阶段给你一个做某些处理的机会。 beforeCreate( 创建前 ) 在实例初始化之后,数据观测和事件配置之前被调用,此时组件的选 阅读全文
posted @ 2021-03-02 13:59 全情海洋 阅读(1021) 评论(0) 推荐(0) 编辑
摘要: 1.watch如何深度监听,watch监听引用类型数据,拿不到oldVal <template> <div> <input v-model="name"/> <input v-model="info.city"/> </div> </template> <script> export default 阅读全文
posted @ 2021-03-02 12:24 全情海洋 阅读(405) 评论(0) 推荐(0) 编辑