摘要:
项目使用 vue 组件库使用 Element 模拟数据使用 Easy Mock 以下是个人的理解 (๑乛◡乛๑) 1、vue 项目目录结构详解 安装好 vue.js 后,生成的目录众多,在此对其进行目录解析 build 文件是项目构建 webpack 相关代码 config 是配置目录,包括端口号等 阅读全文
摘要:
完整效果图 HTML: <div id="container"> {{ msg }}<br> <input class="inp-text" type="text" v-model="inpText"> <p>{{ inpText }}</p> <div class="text-box"> <p c 阅读全文
摘要:
3、响应式原理核心思想:Object.defineProperty(obj, key, {set, get}) function defineReact(obj, key, value){ Object.defineProperty(obj, key, { set: function(newValu 阅读全文
摘要:
Vue双向绑定的实现 1、简易双绑 首先,我们把注意力集中在这个属性上:Object.defineProperty。 Object.defineProperty() 方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性, 并返回这个对象。 语法:Object.defineProperty 阅读全文
摘要:
经过几天的研究,发现学习框架的底层技术,收获颇丰,相比只学习框架的使用要来的合算;如果工作急需,快速上手应用,掌握如何使用短期内更加高效;如果有较多的时间来系统学习,建议研究一下框架的等层技术、原理。 Vue、React、Angular三大框架对比 1、Vue Vue是尤雨溪编写的一个构建数据驱动的 阅读全文
摘要:
我们在写项目的时候,经常会遇到,用户执行完某个动作,改变了某些状态,需要重新刷新页面,以此来重新渲染页面。如:用户登录成功、增加、删除、更新等。 原理:利用 vue 的 v-if 控制变量,时刻监听机制,变量变 false,移除 DOM,变量变为 true,重新渲染页面。 原始方法: vue自带的路 阅读全文