CSS3实现圆角（border-radius），阴影（box-shadow）， 对文字加特效（text-shadow、），线性渐变（gradient），旋转（transform） transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg); //旋转,缩放,定位,倾斜 增加了更多的CSS选择器多背景 rgba 在CSS3中唯一引入的伪元素是::selection. 媒体查询，多栏布局 border-image

(1)新的语义标签和属性 (2)表单新特性 (3)视频和音频 (4)Canvas绘图 (5)SVG绘图 (6)地理定位 (7)拖放API

1.借用构造函数继承，使用call或apply方法，将父对象的构造函数绑定在子对象上 2.原型继承，将子对象的prototype指向父对象的一个实例 3.组合继承 原型链继承的缺点: 字面量重写原型会中断关系，使用引用类型的原型，并且子类型还无法给超类型传递参数。 借用构造函数（类式继承）: 借用构造函数虽然解决了刚才两种问题，但没有原型，则复用无从谈起。 组合式继承: 组合式继承是比较常用的一种继承方法，其背后的思路是使用原型链实现对原型属性和方法的继承，而通过借用构造函数来实现对实例属性的继承。这样，既通过在原型上定义方法实现了函数复用，又保证每个实例都有它自己的属性。

前端:1.浏览器插件2.前端代理3.SONP 后端:1.声明header头2.后端代理 运维:web服务器配置 等等

使用闭包主要是为了设置私有的方法和变量。闭包的优点是可以避免全局变量的污染，缺点是闭包会常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。在js中，函数即闭包，只有函数才会产生作用域的概念 闭包有三个特性： 1.函数嵌套函数 2.函数内部可以引用外部的参数和变量 3.参数和变量不会被垃圾回收机制回收

浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。

1 尽量减少HTTP请求次数 2 压缩合并js 3 css精灵 4 减少DOM元素数量 5 使用CDN(网站上静态资源即css、js全都使用cdn分发，图片亦然,因为cdn拥有众多服务器，用户请求可以请求距离他近的服务器，加快速度) 6 把CSS放到顶部,把JS放到底部 7 使用gzip压缩内容(服务端)

BFC，块级格式化上下文，一个创建了新的BFC的盒子是独立布局的，盒子里面的子元素的样式不会影响到外面的元素。在同一个BFC中的两个毗邻的块级盒在垂直方向（和布局方向有关系）的margin会发生折叠。

1.JavaScript是一门单线程语言。 2.Event Loop(事件循环)是JavaScript的执行机制。

它属于一个预编译模块方案（模块打包工具），我们现在的前端代码开始分模块进行构建，则会用到import "./a.js"; 、require ("a.js"); 等方法。但是浏览器是不认识这样的方法。这时，webpack 就出现了，它采用预编译的方式，在代码加载到页面前，把这些模块引用的方式转换成浏览器可以识别的js代码。

1.创建环境env文件 2.修改package.json 3.vue.config.js中引用环境变量

1、使用import导入组件，可以获取到组件 2、使用import导入组件，直接将组件赋值给componet 3、使用require 导入组件，可以获取到组件 4、使用require 导入组件，直接将组件赋值给componet

1.文件夹名字不能大写。 2.两层v-for不能用index的名字来作为索引 3.合法域名校验出错，不在以下合法域名列表中

盒模型的组成，由里向外content，padding，border，margin。 盒模型有两种标准，一个是标准模型，一个是怪异盒模型。

A普通函数调用this =>window B对象函数调用this =>对象本身 C事件处理函数调用this =>事件源 D定时器调用this =>window E箭头函数中调用this=>父function中的this父没有function则window F bind/apply/call this=>用来改变this指向 区别：都用来改变this的指向，bind后函数不会执行，而只是返回一个改变了上下文的另一个函数，而call和apply是直接执行函数。若无参数，apply与call基本没什么区别

1.不一样的变量声明：const和let 2.模板字符串 3.箭头函数（Arrow Functions） 4. 函数的参数默认值 5.Spread / Rest 操作符 6.二进制和八进制字面量 7.对象和数组解构 8.对象超类 9.for...of 和 for...in 10.ES6中的类

Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大，简单地说，Promise好比容器，里面存放着一些未来才会执行完毕（异步）的事件的结果，而这些结果一旦生成是无法改变的区别：1 Promise的出现解决了传统callback函数导致的“地域回调”问题，但它的语法导致了它向纵向发展行成了一个回调链，遇到复杂的业务场景，这样的语法显然也是不美观的。而async await代码看起来会简洁些，使得异步代码看起来像同步代码，await的本质是可以提供等同于”同步效果“的等待异步返回能力的语法糖，只有这一句代码执行完，才会执行下一句。 2 async await与Promise一样，是非阻塞的。 3 async await是基于Promise实现的，可以说是改良版的Promise，它不能用于普通的回调函数。

商业级数据图表，它是一个纯JavaScript的图标库，兼容绝大部分的浏览器，底层依赖轻量级的canvas类库ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验，赋予了用户对数据进行挖掘、整合的能力。 Echarts支持的图表：折线图（区域图）、柱状图（条状图）、散点图（气泡图）、K线图、饼图（环形图） 雷达图（填充雷达图）、和弦图、力导向布局图、地图、仪表盘、漏斗图、事件河流图等12类图表

浅拷贝 shadow copy (传地址) 仅仅只拷贝对象自身，内部元素引用的其他对象只拷贝一个引用。 深拷贝 deep copy (传值) 外围和内部元素都拷贝了对象本身。而不是引用。因此深拷贝产生的副本可以随意修改，而不用担心会影响原始值。

1，额外标签法，（缺点：不过这个办法会增加额外的标签使HTML结构看起来不够简洁。） 2，使用after伪类 #parent:after{ content:"."; height:0; visibility:hidden; display:block; clear:both; } 3,浮动外部元素 4,设置overflow为hidden或者auto

CommonJS是服务器端模块的规范，Node.js采用了这个规范。CommonJS规范加载模块是同步的，也就是说，只有加载完成，才能执行后面的操作

事件代理（Event Delegation），又称之为事件委托。是 JavaScript 中常用绑定事件的常用技巧。顾名思义，“事件代理”即是把原本需要绑定的事件委托给父元素，让父元素担当事件监听的职务。 事件代理的原理是DOM元素的事件冒泡。使用事件代理的好处是可以提高性能。

ajax(异步javascript xml) 是什么：能够刷新局部网页数据而不是重新加载整个网页。 (1)创建XMLHttpRequest对象,也就是创建一个异步调用对象. (2)创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息. (3)设置响应HTTP请求状态变化的函数. (4)发送HTTP请求. (5)获取异步调用返回的数据. (6)使用JavaScript和DOM实现局部刷新.

因为网络请求需要中间有很多的服务器路由器的转发。中间的节点都可能篡改信息，而如果使用HTTPS，密钥在你和终点站才有。https之所以比http安全，是因为他利用ssl/tls协议传输。它包含证书，卸载，流量转发，负载均衡，页面适配，浏览器适配，refer传递等。保障了传输过程的安全性

节流：一段时间内，只执行一次函数 防抖：事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时

性能角度:cookie影响性能h5不影响性能h5最重要 生命周期:cookie自定义localStorage永久、sessionStorage窗口 存储空间： cookie 4kh55M 主要网站设置了cookie后期所有请求都会携带cookie 影响性能

1.concat() 功能：用于连接两个或多个数组，该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。 2.join() 功能：根据指定分隔符将数组中的所有元素放入一个字符串，并返回这个字符串。 3.pop() 功能：方法用于删除并返回数组的最后一个元素。 4.shift() 功能：方法用于删除并返回数组的第一个元素。 5.unshift() 功能：向数组的开头添加一个或更多元素，并返回新的长度。 6.push() 功能：向数组的末尾添加一个或更多元素，并返回新的长度。 7.slice() 功能：可从已有的数组中返回选定的元素。该方法接收两个参数slice(start,end)，strat为必选，表示从第几位开始；end为可选，表示到第几位结束(不包含end位)，省略表示到最后一位；start和end都可以为负数，负数时表示从最后一位开始算起，如-1表示最后一位。 8.splice() 功能：向数组中添加，或从数组删除，或替换数组中的元素，然后返回被删除/替换的元素。 参数：splice(start,num,data1,data2,...); 所有参数全部可选。 9.toString() 功能：转换成字符串，类似于没有参数的join()。该方法会在数据发生隐式类型转换时被自动调用，如果手动调用，就是直接转为字符串。 10.indexOf() 功能：根据指定的数据，从左向右，查询在数组中出现的位置，如果不存在指定的数据，返回-1。该方法是查询方法，不会对数组产生改变。 11.forEach() 功能：ES5新增方法，用来遍历数组，该方法没有返回值。forEach接收的回调函数会根据数组的每一项执行，该回调函数默认有三个参数，分别为：遍历到的数组的数据，对应的索引，数组自身。 12.map() 功能：1.同forEach功能；2.map的回调函数会将执行结果返回，最后map将所有回调函数的返回值组成新数组返回。 13.filter() 功能：1.同forEach功能；2.filter的回调函数需要返回布尔值，当为true时，将本次数组的数据返回给filter，最后filter将所有回调函数的返回值组成新数组返回（此功能可理解为“过滤”）。

一、利用ES6中的 Set 方法去重 二、使用双重for循环，再利用数组的splice方法去重（ES5常用） 三、利用数组的indexOf方法去重 四、利用数组的sort方法去重（相邻元素对比法） 五、利用ES6中的Map方法去重 六、利用数组的filter方法去重

使用上的不同+ import xxx from './'export xxx import {xxx} from './'

1.get传参方式是通过地址栏URL传递，是可以直接看到get传递的参数，post传参方式参数URL不可见，get把请求的数据在URL后通过？连接，通过&进行参数分割。psot将参数存放在HTTP的包体内 2.get传递数据是通过URL进行传递，对传递的数据长度是受到URL大小的限制，URL最大长度是2048个字符。post没有长度限制 3.get后退不会有影响，post后退会重新进行提交 4.get请求可以被缓存，post不可以被缓存 5.get请求只URL编码，post支持多种编码方式 6.get请求的记录会留在历史记录中，post请求不会留在历史记录 7.get只支持ASCII字符，post没有字符类型限制

渐进增强（Progressive Enhancement）：一开始就针对低版本浏览器进行构建页面，完成基本的功能，然后再针对高级浏览器进行效果、交互、追加功能达到更好的体验。 优雅降级（Graceful Degradation）：一开始就构建站点的完整功能，然后针对浏览器测试和修复。

这个配置是公司后端/运维配置的，但是我个人对编程还是比较喜欢研究的 然后呢我就自己谷歌了一把发现就是去腾讯、阿里云申请证书，然后修改nginx配置就行。我当时用的是免费版，收费版没试过。

首先通过wx.login和wx.reqeuset获取openid然后根据API去获取用户的昵称和头像

静态资源优化: 图片懒加载 七牛云对象存储 cdn加速 expires之前给大家发的nginx课件里面有 gzip之前给大家发的nginx课件里面有 后端接口优化: 接口开发规范restful api 接口安全（https） 接口性能（多台数据库、缓存服务器redis存内存等）

静态资源 咱们可以分离项目 放到CDN服务器上 太大了可以讲一个小程序变成2个小程序这样就是4M 然后通过声明式导航、编程式导航，点击直接跳转到另一个小程序即可。

.parent{ width: 500px; height: 500px; border: 1px solid red; } .child{ width: 100px; height: 100px; border: 1px slid #111; }方法一：利用定位（常用方法,推荐）.parent{position:relative; }.child{position:absolute; top:50%; left:50%; margin-top:-50px; margin-left:-50px; }方法一的原理就是定位中心点是盒子的左上顶点，所以定位之后我们需要回退盒子一半的距离。 方法二：利用margin:auto; .parent{position:relative; }.child{position:absolute; margin:auto; top:0; left:0; right:0; bottom:0; }方法三：利用display:table-cell; .parent{display:table-cell; vertical-align:middle; text-align:center; }.child{display:inline-block; }方法四：利用display：flex; 设置垂直水平都居中；.parent{display:flex; justify-content:center; align-items:center; }方法五：计算父盒子与子盒子的空间距离(这跟方法一是一个道理)；计算方法：父盒子高度或者宽度的一半减去子盒子高度或者宽的的一半。.child{margin-top:200px; margin-left:200px; }方法六：利用transform.parent{position:relative; }.child{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }方法七：利用calc计算.parent{position:relative; }.child{position:absolute; top:calc(200px); //（父元素高-子元素高）÷ 2=200pxlet:calc(200px); //（父元素宽-子元素宽）÷ 2=200px}

• 数据是同步更新，视图是异步更新
• 因为如果视图更新是同步的，那会导致多次渲染浪费不必要的性能，没必要，内部做了去重(重新更新的值)和防抖(只更新最后一次)

.div_text{ width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.div_moreline{ width: 300px; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; max-height: 90px; }

.triangle{ width: 0; height: 0; border: 50px solid transparent; border-top-color: black ; }

//1.操作数组的索引 //2.操作数组的length //以上两种情况都不会更新视图

//原因就是因为Vue2.0底层响应式原理使用了ES5中的Object.defineProperty()这个方法,这个方法有个缺点,缺点就是无法劫持数组,数组的变化是没有办法进行响应 //操作一些数组的方法 比如push pop shift unshift reverse等方法会触发视图的更新,因为vue的底层特别对这几个方法做了hack处理,只要我们调用这些方法也会视图的更新 //Vue3.0的版本,使用的proxy这个方法,这个方法可以劫持数组,就不会出现操作索引和length不更新视图的情况了

//1.不要操作数组的length和索引,如果说硬要操作,可以使用Vue.$set(target,key,value)方法 //2.如果说操作了这些属性,不知道问题在哪里,解决不了视图不更新的情况,我们可以调用强制更新$forceUpdate()

用于区分diff算法的时候,元素的唯一性 //key的值,正常情况下一般都要给一个唯一的值,如果没有一个惟一的情况下,那么可以暂时的使用index来代替 //写项目的时候,后台返回的数据肯定有id,那么这个id就是唯一的标识所以我们一般使用id来作为key的值

trim lazy number

//v-if 都是用于控制元素/组件的显示和隐藏 值都是布尔值,如果布尔值为true那么元素就会显示,如果为false,那么元素或者组件就会隐藏 v-if元素不显示的时候,dom结构也会一并移除 //v-if可以和v-else v-else-if结合使用,如果v-if布尔值为true,那么不会展示v-else的内容,如果布尔值为false,那么就会展示v-else,而不会展示v-if,两者的关系,就是老死不相往来,互斥 //v-show都是用于控制元素/组件的显示和隐藏 值都是布尔值,如果布尔值为true那么元素就会显示,如果为false,那么元素或者组件就会隐藏 v-show隐藏元素之后,不会移除dom结构//使用场景:首次渲染开销较大的时候,可以使用v-if 频繁切换的时候使用v-show

//prevent 阻止默认事件 //ocne 只调用一次 //native 触发组件根元素的原生事件

//bind //inserted //update

//1.计算的结果会缓存 //2.根据外界响应式依赖发生变化而变化

普通监听 深度监听 字符串写法

v-for优先级别高

全局组件的创建 利用Vue.component来创建全局组件 vue.component( "vheader",{ template: ` 我是全局组件` }) 可以直接使用,不需要挂载 局部组件创建 （1）创建一个局部组件,举例，命名为App。 （2）利用组件的components，将App挂载上去。 （3）在页面使用即可.2.插槽作用域：将组件内部的数据传递给分发的内容进行渲染，再通过solt接收分发内容 举例：

//1.如果说混入了data属性,那么会对data进行递归合并,冲突的时候,以组件的属性优先//2.同名的钩子函数会被合并为一个数组,都会进行调用,会以混入对象的钩子函数优先调用//3.组件选项 比如methods directives components filters...都会被合并为一个对象,冲突的时候,以组件的键值对为主

在下次dom,更新循环结束后执行延迟回调,在修改数据之后立即使用,获取更新后的dom元素

可以，在这里可以获取data,并且事件监听也添加上了,数据已经被劫持,观察者就绪,在这个钩子函数中可以修改data

created mounted

销毁定时器，解绑全部指令及事件监听，清除全局事件等

作用:缓存组件 钩子函数:activated deactivated 属性:include包含的组件会被缓存，exclude排除的组件不会被缓存

父组件beforeCreated==》父组件created==》父组件beforeMount==》 子组件beforeCreated==》子组件created==》子组件beforeMount==》子组件mounted==》 父组件mounted

不会

因为$data都还没初始化,就算获得了后台数据,也不能修改data

通过js模拟真实dom的嵌套,创建新的页面的结构,就是虚拟dom,在内存中,页面是看不见的,只有添加到页面上才能看见

使用虚拟dom,可以在内存中更新结构,而不是操作真实dom一个一个更新,最大的好处提高页面渲染的性能,结合diff算法 让页面进行高效更新

Vue 的响应式原理是核心是通过 ES5 的保护对象的 Object.defindeProperty 中的访问器属性中的 get 和 set 方法，data 中声明的属性都被添加了访问器属性，当读取 data 中的数据时自动调用 get 方法，当修改 data 中的数据时，自动调用 set 方法，检测到数据的变化，会通知观察者 Wacher，观察者 Wacher自动触发重新render 当前组件（子组件不会重新渲染）,生成新的虚拟 DOM 树，Vue 框架会遍历并对比新虚拟 DOM 树和旧虚拟 DOM 树中每个节点的差别，并记录下来，最后，加载操作，将所有记录的不同点，局部修改到真实 DOM 树上。

# 回流 1. 位置的改变 translate 定位的left top 2. 元素位置的显示和隐藏也会引起回流 3. 宽高的变化 # 重绘 1. 颜色的变化 2. 字体风格的变化 3. 背景的变化

一个项目只有一个html页面 所有的页面跳转依据于路由进行

用户体验好,切换速度快,不需要刷新整个页面

使用服务端渲染 nuxt

1. hash有#号,#号后面的url不会向后端发起请求2. hash路由使用onhashchange监听 history使用onpopstate监听 3. history使用的是H5的api pushState replaceState 4. 当hash值相同时,不会触发hashchange,history当输入相同的路径的时候,会将浏览器中的地址当成是请求地址向后台发送请求,会造成页面404 5. abstract模式是在没有浏览器api的情况下自动启用,abstract模式在切换页面的时候,路径是不会发生变化的6. 关键字 onhashchange pushstate replacestate popstate 7.

再path路径下，通过props:true解耦，使用，通过props:['动态参数']

其实可以直接映射在data中,只是使用的时候要加（）不方便将state映射给data中的某一个属性 会造成vuex更新之后视图不更新只有computed才会根据依赖发生改变而改变

mutation 有很多种方式可以修改state，比如getters，比如直接修改，比如action中可以直接修改。但是这些修改不符合vuex的设计原则; 所以规定修改state，必需通过mutation进行更改

因为如果data是一个对象则会造成数据共享，在多次使用该组件的时候，改变其中一个值会影响全部该组件的值。而如果是通过函数的形式返回出一个对象的话，在每次使用该组件时返回出的对象的地址指向是不一样的，这样子能让各个组件的数据独立。

action中发送异步请求，结果通过commit提交mutation

跨网站指令码（英语：Cross-site scripting，通常简称为：XSS）是一种网站应用程式的安全漏洞攻击，是代码注入的一种。它允许恶意使用者将程式码注入到网页上，其他使用者在观看网页时就会受到影响。这类攻击通常包含了 HTML 以及使用者端脚本语言。

{{name}}

function escape(str) { str = str.replace(/&/g, '& ') str = str.replace(//g, '> ') str = str.replace(/"/g, '&quto; ') str = str.replace(/'/g, '' ') str = str.replace(/`/g, '` ') str = str.replace(/\//g, '/ ') return str }

// -> < script> alert(1)< / script> escape('')

var xss = require('xss') var html = xss('XSS Demo') // -> XSS Demo< script> alert("xss"); < /script> console.log(html)

内容安全策略 (CSP) 是一个额外的安全层，用于检测并削弱某些特定类型的攻击，包括跨站脚本 (XSS) 和数据注入攻击等。无论是数据盗取、网站内容污染还是散发恶意软件，这些攻击都是主要的手段。

• 只允许加载本站资源
  

  Content-Security-Policy: default-src ‘self’

  
  
• 只允许加载 HTTPS 协议图片
  

  Content-Security-Policy: img-src https://*

  
  
• 允许加载任何来源框架
  

  Content-Security-Policy: child-src 'none'

  
  

跨站请求伪造（英语：Cross-site request forgery），也被称为 one-click attack 或者 session riding，通常缩写为 CSRF 或者 XSRF， 是一种挟制用户在当前已登录的 Web 应用程序上执行非本意的操作的攻击方法。[1] 跟跨網站指令碼（XSS）相比，XSS 利用的是用户对指定网站的信任，CSRF 利用的是网站对用户网页浏览器的信任。


文章图片


1. Get 请求不对数据进行修改
2. 不让第三方网站访问到用户 Cookie (httponly:true; ali.com)
3. 阻止第三方网站请求接口
4. 请求时附带验证信息，比如验证码或者 token

// 加盐也就是给原密码添加字符串，增加原密码长度 sha256(sha1(md5(salt + password + salt)))

1. 双向绑定技术，当Model变化时，View-Model会自动更新，View也会自动变化。很好的做到数据的一致性
   
2. 由于控制器的功能大都移动到View上处理，大大的对控制器进行了瘦身
   
3. View的功能进一步强化，具有控制的部分功能，
   若想无限增强它的功能，甚至控制器的全部功能几乎都可以迁移到各个View上
   

4. 可以对View或ViewController的数据处理部分抽象出来一个函数处理model。
   【前端|vue面试题（自用）】这样它们专职页面布局和页面跳转，它们必然更一步的简化。
   

1. 数据绑定也使得bug很难被调试。比如你看到页面异常了，有可能是你的View的代码有bug，也可能是你的model的代码有问题。数据绑定使得一个位置的Bug被快速传递到别的位置，要定位原始出问题的地方就变得不那么容易了。
   
2. 数据双向绑定不利于代码重用。客户端开发最常用的是View，但是数据双向绑定技术，让你在一个View都绑定了一个model，不同的模块model都不同。那就不能简单重用view了
   
3. 一个大的模块中model也会很大，虽然使用方便了也很容易保证数据的一致性，但是长期持有，不释放内存就造成话费更多的内存。
   

const声明的是常量，必须赋值 1）一旦声明必须赋值,不能使用null占位。 2）声明后不能再修改 3）如果声明的是复合类型数据，可以修改其属性let和var声明的是变量，声明之后可以更改，声明时可以不赋值var允许重复声明变量，后一个变量会覆盖前一个变量。let和const在同一作用域不允许重复声明变量，会报错。var声明的变量存在变量提升（将变量提升到当前作用域的顶部）。即变量可以在声明之前调用，值为undefined。 let和const不存在变量提升。即它们所声明的变量一定要在声明后使用，否则报ReferenceError错。var：只有全局作用域和函数作用域概念，没有块级作用域的概念。但是会把{}内也假称为块作用域。 let const：只有块级作用域的概念 ，由 { } 包括起来，if语句和for语句里面的{ }也属于块级作用域。 ES5中作用域有：全局作用域、函数作用域。没有块作用域的概念。 ES6(简称ES6)中新增了块级作用域。块作用域由 { } 包括，if语句和for语句里面的{ }也属于块作用域。ES6明确规定：如果区块中存在let命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量，就会报错。 所以在代码块内，使用let命令声明变量之前，该变量都是不可用的。这在语法上，称为“暂时性死区”（temporal dead zone，简称 TDZ）。

• 动态绑定input的value指向的自定义的变量，并且在触发input事件的时候去动态把自定义变量设置为目标值

• 是一个父子组件通信的语法糖，通过props和$emit实现 参考组件使用v-model流程
  

input元素 // $event.target.value 就是把input的值赋值给 a 对于非input元素 如果在自定义组件中，v-model 默认会利用名为 value 的 prop 和名为 input 的事件，如下所示： 父组件： 子组件： {{value}} props:{ value: String }, methods: { test1(){ this.$emit('input', '小红') }, },

推荐阅读

• 

  宝宝奶粉排行榜10强里,哪个牌子的奶粉最接近母乳？
• 

  核桃仁怎么保存好? 核桃仁怎么保存好
• 

  nfc|预算不足2K：当下可选的4款性能手机，这才是高配低价！
• 

  连载小说悬疑的疑惑→品相（一百）
• 

  家用水表你会读吗？ 水表怎么看
• 

  液体的密度与什么有关 液体的密度与什么因素有关
• 

  烯啶虫胺灌根防治大棚黄瓜蚜虫 烯啶虫胺药害
• 

  小爱同学为何不能语音唤醒 小爱同学为什么不能语音唤醒
• 

  摩托电瓶如何工作视频 摩托电瓶如何工作，摩托电瓶如何工作充电
• 

  bios安全选项选设定还是系统
• 

  卡尔平 莫斯托沃伊 莫斯托沃伊
• 

  美女餐厅怎么下载电脑版,美女和男生在一起怼怼怼怎么下载
• 

  我去过武汉，你也要来杭州哦
• 

  縠字组词 縠字读音及释义
• 

  c语言常用词汇，C语言常用单词
• 

  如何才能成为一名合格的平面设计师？
• 

  mongodb备份恢复 mongodb 修复
• 

  Spring|idea新建的Module Maven projects need to be imported
• 

  花怎么剪简单又漂亮卡纸 卡纸能剪怎样的花 如何剪，卡纸剪出漂亮形状
• 

  轩尼诗超跑价格

• javascript|js操作数组的方法
• javascript|为什么Vue.mixin中的定义的data全局可用
• javascript基本数据类型详细解读
• 高德地图|vue高德地图实现海量点分组（用icon图标替换海量点）动态循环出groupStyleMap集合
• 网络|网络流行简笔画图片大全,互联网图标简笔画
• 游戏|[转]JS游戏引擎 & HTML5
• 前端|【Vue全家桶】--- 第一章（Vue核心）
• 前端|【Vue全家桶】--- 第三章（Vue脚手架（Vue CLI)）
• Vue|第二章（Vue组件化编程）