自定义 input 组件值支持：自定义表单类型（type），双向数据绑定，表单验证功能。一；创建名为ValidateInput 的组件，在其中编写自己想要实现的自定义组件功能，之后使用ValidateInput 组件标签当作 input 标签使用。1.使用 v-bind="$attrs"和 inheritAttrs: false向指定组件中的标签结点添加非 Prop 的 Attribute 属性/

安装：npm install markdown-it --save// 引入var MarkdownIt = require('markdown-it'),// 实例化const md = new MarkdownIt()// 将 markdown 文本格式内容转化成 HTML 标签结构内容var result = md.render('富文本框格式的内容');通过 v-html 插件 将 mar

这种模式涉及到一个单一的类，该类负责创建自己的对象，同时确保只有单个对象被创建。这个类提供了一种访问其唯一的对象的方式，可以直接访问，不需要实例化该类的对象。1、单例类只能有一个实例。2、单例类必须自己创建自己的唯一实例。3、单例类必须给所有其他对象提供这一实例。保证一个类仅有一个实例，并提供一个访问它的全局访问点。一个全局使用的类频繁地创建与销毁。当您想控制实例数目，节省系统资源的时候。判断系统

这种模式涉及到一个单一的类，该类负责创建自己的对象，同时确保只有单个对象被创建。这个类提供了一种访问其唯一的对象的方式，可以直接访问，不需要实例化该类的对象。1、单例类只能有一个实例。2、单例类必须自己创建自己的唯一实例。3、单例类必须给所有其他对象提供这一实例。保证一个类仅有一个实例，并提供一个访问它的全局访问点。一个全局使用的类频繁地创建与销毁。当您想控制实例数目，节省系统资源的时候。判断系统

JSONP是前端动态创建 script 标签并添加到页面当中，利用 script 标签的 src 属性不受同源策略限制，向后端请求跨域资源。需要前后端的配合，前后端协商好一个函数名，发送JSONP跨域请求后，后端返回一个由该函数名命名的函数，函数返回值为后端传给前端的数据，前端在 script 标签中去调用这个函数，拿到函数返回值，即 后端传给前端的数据。也可以灵活的一些，仅有前端单方面决定函数名

一：Computed 介绍1.简化代码，直接计算得出想要使用的数据2.计算属性只在相关响应式依赖发生改变时它们才会重新求值。如果响应式数据发生变化，则计算属性会依据它所依赖的数据进行重新计算3.计算属性是有缓存机制的4.接收计算属性结果的变量可以直接在HTML模板中通过插值语法使用二：Computed 使用1.组合式API注册 computed 方法import { defineComponent

获取 input 节点的 files 属性以及上传文件/图片的业务逻辑与请求发送都放在了 input 事件回调函数中进行。通过 FormData 实例对象处理 二进制 文件/图片（以下代码展示上传一张图片）。元素身上存在一个 files 属性，其中包含了所有已选择的文件，1.将 input 标签的 type 属性设置为 file。的方式上传到服务器上，或者通过 Javascript 的。2.绑定

一；获取单个绑定了ref属性的标签结点1.给想要获取DOM元素的标签加上 ref 属性，并自定义一个名称2.在 setup 中使用 ref 声明一个变量名与标签中 ref 属性名称相同的变量3.之后这个 ref 所定义的变量中存储的就是 ref 属性标记了的元素结点。...