摘要: 项目使用 vue 组件库使用 Element 模拟数据使用 Easy Mock 以下是个人的理解 (๑乛◡乛๑) 1、vue 项目目录结构详解 安装好 vue.js 后,生成的目录众多,在此对其进行目录解析 build 文件是项目构建 webpack 相关代码 config 是配置目录,包括端口号等 阅读全文
posted @ 2022-05-12 16:46 南风轻语、 阅读(427) 评论(0) 推荐(0) 编辑
摘要: 完整效果图 HTML: <div id="container"> {{ msg }}<br> <input class="inp-text" type="text" v-model="inpText"> <p>{{ inpText }}</p> <div class="text-box"> <p c 阅读全文
posted @ 2022-05-12 11:21 南风轻语、 阅读(177) 评论(0) 推荐(0) 编辑
摘要: 3、响应式原理核心思想:Object.defineProperty(obj, key, {set, get}) function defineReact(obj, key, value){ Object.defineProperty(obj, key, { set: function(newValu 阅读全文
posted @ 2022-05-12 11:19 南风轻语、 阅读(30) 评论(0) 推荐(0) 编辑
摘要: Vue双向绑定的实现 1、简易双绑 首先,我们把注意力集中在这个属性上:Object.defineProperty。 Object.defineProperty() 方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性, 并返回这个对象。 语法:Object.defineProperty 阅读全文
posted @ 2022-05-12 10:42 南风轻语、 阅读(55) 评论(0) 推荐(0) 编辑
摘要: 经过几天的研究,发现学习框架的底层技术,收获颇丰,相比只学习框架的使用要来的合算;如果工作急需,快速上手应用,掌握如何使用短期内更加高效;如果有较多的时间来系统学习,建议研究一下框架的等层技术、原理。 Vue、React、Angular三大框架对比 1、Vue Vue是尤雨溪编写的一个构建数据驱动的 阅读全文
posted @ 2022-05-12 10:25 南风轻语、 阅读(306) 评论(0) 推荐(0) 编辑
摘要: 我们在写项目的时候,经常会遇到,用户执行完某个动作,改变了某些状态,需要重新刷新页面,以此来重新渲染页面。如:用户登录成功、增加、删除、更新等。 原理:利用 vue 的 v-if 控制变量,时刻监听机制,变量变 false,移除 DOM,变量变为 true,重新渲染页面。 原始方法: vue自带的路 阅读全文
posted @ 2022-05-12 09:21 南风轻语、 阅读(2009) 评论(0) 推荐(0) 编辑
摘要: 1、安装路由 npm install vue-router@4 笔者这里的演示项目名称是 vue3-project 2、新建页面 这里创建 view目录,然后在view目录下创建 A.vue B.vue 两个 vue页面文件 A.vue内容 B.vue内容 3、创建路由配置文件 新建 router目 阅读全文
posted @ 2022-05-11 22:36 南风轻语、 阅读(152) 评论(0) 推荐(0) 编辑
摘要: vue提供install可供我们开发新的插件及全局注册组件等install方法第一个参数是vue的构造器,第二个参数是可选的选项对象 全局注册组件 在main.js中直接用引用并Vue.use进行注册 全局自定义指令 在main.js跟注册组件一样 阅读全文
posted @ 2022-05-11 22:04 南风轻语、 阅读(61) 评论(0) 推荐(0) 编辑
摘要: vue生命周期是什么? Vue生命周期是指vue实例对象从创建之初到销毁的过程,vue所有功能的实现都是围绕其生命周期进行的,在生命周期的不同阶段调用对应的钩子函数可以实现组件数据管理和DOM渲染两大重要功能。 一、vue的生命周期共分为8个阶段、4个时期 1、 beforeCreate (创建前) 阅读全文
posted @ 2022-05-08 20:06 南风轻语、 阅读(380) 评论(0) 推荐(0) 编辑
摘要: 简单介绍一下vue.js 它是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动 阅读全文
posted @ 2022-05-07 23:01 南风轻语、 阅读(48) 评论(0) 推荐(0) 编辑