天天学安全专属博客

什么是代理，可以这样理解，比如我想访问国外的数据，由于国外的服务器太远，我可以通过国内的某台服务器先获取国外的数据，我再通过国内的服务器获取数据，Vue中的数据代理根这差不多这里说一下如何看一个数据是不是数据代理，你就看他的值，如果是一个确定的值，那么就不是数据代理，如果是（…）,那么大部分都是数据代理，数据代理的原理：通过Object.defineProperty()把data对象中所有属性添加到vm上。为每一个添加到vm上的属性，都指定一个getter/setter。

(注意引入的JS要包含固定的文件，可以使用，代替如下的JS)DOCTYPE html > < html > < head > < meta charset = " UTF-8 " /> < title > 模板语法

Vue数据绑，绑定就是，你改变，我也改变，Vue数据绑定就是html类容改变，vue.js类容也改变，Vue数据绑定分为单向绑定和双向绑定，单向绑定的值，都是只需要显示在页面中的类容，双向绑定的值都是和后端有交互的值。v-model作用于表单标签，如input标签等，可以影响后端代码的标签，也可以说是有value属性的元素。

Vue中el和data的写法都有两种，而且所用的的地方都不一样，所以都必须要学，el是用来挂载模块的，而data是用来把vue的数据显示在页面中的el有2种写法(1).new Vue时候配置el属性。(2).先创建Vue实例，随后再通过vm.$mount(‘#root’)指定el的值。data有2种写法(1).对象式(2).函数式如何选择：目前哪种写法都可以，以后学习到组件时，data必须使用函数式，否则会报错。

Vue中MVVM模型详解

Vue事件处理，有了事件代理，还只是显示了数据，没有动态的改变，我们知道想要动态的改变必须使用方法，也就是函数，Vue事件处理，就相当于js当中的函数，这句话不怎么对，但是可以这样理解。

由于前端的快速发展，前端都是由一些模块化的东西构成，所有构建前端项目就是下载前端框架和UI，这里我使用的是vite和Element-UI如上就是整个代码的构建流程。从0到1构建前端项目

Nodejs的包管理工具npm使用

Vue入门教程