【前端开发框架之Vue.js的基本介绍】_veu.js框架的图文_肖言是御用女主的博客

前端开发框架之Vue.js的基本介绍

我们常见的Web前端三巨头：HTML、CSS、JS（JavaScript）。
具体请移到【我的专栏】当中的前端——>前端之HTML+CSS、前端之javascript；
而在这里我将图文并茂的介绍前端框架vue在Vscode中相关功能的运用，希望能够对你们有些帮助。

Vue的介绍
学习vue之前拥有的基础
Vue的使用
Vue的数据绑定原理

1.Vue的介绍

Vue.js致力于构建数据驱动的web应用开发框架，以简洁化，轻量级，数据驱动，模块友好等优势深受企业以及前端开发者的喜爱，成为前端开发人员必备的技能。Vue3.0的出现，又带动周边生态的发展，奠定了vue在企业级开发的重要地位。

Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

渐进式框架做分层设计，每层都可选，不同层可以灵活接入其他方案。而当你都想用官方的实现时，会发现也早已准备好，各层之间包括配套工具都能比接入其他方案更便捷地协同工作。一个个放入,放多少就做多少。

2.学习vue之前拥有的基础

熟悉HTML/CSS/JavaScript等前端开发技术；
初步掌握JSON，闭包，AJAX…等JavaScript技术；
事先掌握一些ES6的知识。

3.Vue的使用

Vue官网

https://cn.vuejs.org/v2/guide/installation.html

直接下载并用 script标签引入，vue会被注册成一个全局变量。创建一个 .html 文件，然后通过如下方式引入 Vue：

<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<!-- 生产环境版本，优化了尺寸和速度 -->
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
命令行工具vue cli Vue 提供了一个官方的 CLI，为单页面应用 (SPA) 快速搭建繁杂的脚手架。 
npm install -g @vue/cli 
4.Vue的数据绑定原理
 

 深入响应式原理 — Vue.js (vuejs.org) 
当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.defineProperty 把这些属性全部转为 getter/setter。Object.defineProperty 是 ES5 中一个无法 shim 的特性， 这也就是 Vue 不支持 IE8 以及更低版本浏览器的原因。 
每个组件实例都对应一个 watcher 实例，它会在组件渲染的过程中把“接 触”过的数据属性记录为依赖。之后当依赖项的 setter 触发时，会通知 watcher，从而使它关联的组件重新渲染。 
注意：
 vue3 的变化Object.defineProperty有以下缺点。 
无法监听es6的Set、Map 变化；
无法监听Class类型的数据；
属性的新加或者删除也无法监听；
数组元素的增加和删除也无法监听。 
针对Object.defineProperty的缺点，ES6 Proxy都能够完美得解决，它唯一的缺 点就是，对IE不友好,所以vue3在检测到如果是使用IE的情况下（没错，IE11都不 支持Proxy），会自动降级为Object.defineProperty的数据监听系统 
好了，关于前端开发框架之Vue.js的基本介绍已经写的非常清楚了，具体实战有什么问题的小伙伴可留言或者私信，看到一定帮您解决，我们别的文章再见。
				vue指的是vue.js框架。一款构建用户界面的渐进式框架，它可以帮你创建可维护性和可测试性更强的代码库。
Vue.js是一款流行的JavaScript前端框架，一个用于创建用户界面的开源JavaScript框架，旨在更好地组织与简化Web开发。Vue所关注的核心是MVC模式中的视图层，同时，它也能方便地获取数据更新，并通过组件内部特定的方法实现视图与模型的交互。
vue你可以当成插件使用也可以当成库使用，也可以当成框架使用叫做vuex全家桶.
库，插件和框架的区别？
插件  :  可能就是一个非常小的功能
				Vue简介1 概述2 Vue热加载3 Vue的双向数据绑定的原理
Vue.js 可以说是MVVM架构的最佳实践，是一个JavaScript  MVVM库，是一套构建用户界面的渐进式框架。专注于 MVVM 中的 ViewModel，不仅做到了数据双向绑定，而且也是一款相对比较轻量级的JS 库，API 简洁。
Vue用于构建用户界面的渐进式框架，渐进式代表的含义是：主张最少。每个框架都不可避免会有自己的一些特点，从而会对使用者有一定的要求，这些要求就是主张，主张有强有弱，它的强势程度会影响在业务开发中
				Vue基础入门到项目实战教程(1) —— Vue.js框架简介
1、Vue.js框架简介
Vue（读音 /vju:/，发音类似于 view）是一套用于构建用户界面的渐进式的JavaScript框架。
1.1、为什么要学习Vue.js
什么是Vue.js
Vue.js的优点
体积小：压缩后只有33k；
更高的运行效率：基于虚拟DOM，一种可以预先通过JavaScript进行各种计算，把最终的DOM操作计算出来并优化的技术，由于这种DOM操作属于预处理操作，并没有真实的操作DOM，所以叫做虚拟DOM；
				简介“简单却不失优雅，小巧而不乏大匠”。 
2016年最火的前端框架当属Vue.js了，很多使用过vue的程序员这样评价它，“vue.js兼具angular.js和react.js的优点，并剔除了它们的缺点”。授予了这么高的评价的vue.js，也是开源世界华人的骄傲，因为它的作者是位中国人–尤雨溪（Evan You）。 
Vue.js 是一个JavaScriptMVVM库，是一套构建用户界面的渐进式
				文章目录VUE 前端框架MVVM设计VUE绑定原理设计虚拟DOM树分析VUE编程步骤实践绑定与指令应用绑定样式分析(了解):计算属性应用实践Axios方式的Ajax请求生命周期函数应用组件化设计组件化开发单页应用实践(SPA)安装vue脚手架脚手架文件夹结构:懒加载应用实践彻底懒加载:http-proxy方式跨域:避免组件间样式冲突watch+事件修饰符+防抖:插槽技术应用VuexTypeScriptVue3总结(Summary)
VUE 前端框架
MVVM设计
MVVM: 界面View+模型Model+视
				Django和Vue.js都是流行的Web开发框架，但它们有着不同的特点和用途。
Django是一个用于构建Web应用程序的Python框架。它提供了一个强大的模型-视图-控制器（MVC）架构，可以帮助您轻松地构建高度可扩展和安全的Web应用程序。Django也具有丰富的内置功能，例如身份验证、表单处理、ORM等，可以帮助开发者快速地构建Web应用程序。
Vue.js是一个用于构建交互式用户界面的JavaScript框架。它使用组件化架构，可以轻松地将UI划分为独立的可重用组件。Vue.js也提供了一套强大的响应式数据绑定和事件系统，使得构建动态、交互式Web应用程序变得更加容易。
虽然Django和Vue.js都是Web开发框架，但它们的重点不同。Django更加关注服务器端的应用程序逻辑和数据处理，而Vue.js则更加关注客户端的用户界面和交互。因此，在构建Web应用程序时，您可以使用Django来构建服务器端的逻辑，使用Vue.js来构建客户端的用户界面。
通常，您可以使用Django来构建RESTful API，并使用Vue.js来构建单页应用程序（SPA），以便提供良好的用户体验和响应式的UI。在这种情况下，Django提供后端API，而Vue.js提供前端用户界面，两者之间通过AJAX请求进行通信。这种方式可以使得前后端代码分离，并且使得开发更加高效和灵活。