Vue
文章平均质量分 83
前端小菜羊
这个作者很懒,什么都没留下…
展开
-
Virtual DOM
Virtual DOM什么是 Virtual DOMVirtual DOM(虚拟 DOM),是由普通的 JS 对象来描述 DOM 对象真实 DOM 成员let element = document.querySelector('#app')let s = ''for (var key in element) { s += key + ','}console.log(s)使用 Virtual DOM 来描述真实 DOM{ sel: "div", data: {},原创 2021-08-25 10:17:26 · 139 阅读 · 0 评论 -
Vue.js 响应式原理
Vue.js 响应式原理准备工作数据驱动在学习 Vue.js 的过程中,我们经常看到三个概念:数据驱动数据响应式双向数据绑定响应式的核心原理核心原理分析Vue 2.x 版本与 Vue 3.x 版本的响应式实现有所不同,我们将分别讲解。Vue 2.x 响应式基于 ES5 的 Object.defineProperty 实现。<script> var obj = { name: 'rae', age: '18' }原创 2021-08-21 21:02:39 · 488 阅读 · 0 评论 -
Vue CLI
Vue CLIVue CLI 是一个基于 Vue.js 进行快速开发 的完整系统,称为脚手架工具。统一项目的架构风格。初始化配置项目依赖。提供单文件组件。操作方式:命令行工具安装安装• npm install –g @vue/cli升级• npm update –g @vue/cli项目搭建-创建项目:• vue create project-demo选择 Preset选择包管理器创建完成运行项目:• npm run serve运行项目目录与文件文件目录介原创 2021-07-04 19:30:55 · 72 阅读 · 0 评论 -
Vue Router
Vue RouterVue Router 是 Vue.js 的官方插件,用来快 速实现单页应用。单页应用SPA(Single Page Application)单页面应 用程序,简称单页应用。指的是网站的 “所有” 功能都在单个页面 中进行呈现。具有代表性的有后台管理系统、移动端、小 程序等。优点:前后端分离开发,提高了开发效率。业务场景切换时,局部更新结构。用户体验好,更加接近本地应用。缺点:不利于 SEO。初次首屏加载速度较慢。页面复杂度比较高。前端路由前端路由,指原创 2021-07-04 16:47:50 · 194 阅读 · 0 评论 -
Vue.js组件
Vue.js 组件组件用于封装页面的部分功能,将功能的结 构、样式、逻辑代码封装为整体。提高功能的复用性与可维护性,更好的专注 于业务逻辑。组件使用时为自定义 HTML 标签形式,通过 组件名作为自定义标签名。组件注册全局注册全局注册的组件在注册后可以用于任意实例或组件中。注意:全局注册必须设置在根 Vue 实例创建之前。Vue.component('my-component',{ template:'<div>这是我们全局注册的组件</div>' })组件原创 2021-06-27 19:48:41 · 208 阅读 · 0 评论 -
vue.js基础
Vue.js 简介Vue.js 是什么?前端流行框架Vue.js 核心特性数据驱动视图• 数据变化会自动更新到对应元素中,无需手动操作 DOM,这种行为称作单向数据绑定。• 对于输入框等可输入元素,可设置双向数据绑定。• 双向数据绑定是在数据绑定基础上,可自动将元素输入内容更新给数据,实现数据与元素内容的双向绑定。• Vue.js 的数据驱动视图是基于 MVVM 模型实现的。• MVVM (Model – View – ViewModel )是一种软件开发思想• Model 层,代表数据原创 2021-06-19 17:03:56 · 185 阅读 · 0 评论