vue

ref在组件和普通元素的区别 如果ref绑定在组件上，那么this.$refs.refname获取到的是组件对象 如果ref绑定在普通元素上，那么this.$refs.refname获取到的是html

方式一： git创建仓库（shopping） 本地项目通过以下方式push到git仓库中 方式二： git创建仓库（shopping） 本地clone 本地创建项目

方案：axios 特点： 允许在浏览器中xmlHttpRequest请求 允许在nide.js中发送http 请求 支持Promise API 支持拦截请求和响应，去做额外操作 转换请求和响应的数据等

为什么需要状态管理？ 如果一个Vue 应用的很多组件要享用同一份数据，一个数据改变，其他页面的数据也改变，且响应式的变化，那么我们就需要通过一个状态管理工具实现。 简单的父子组件数据共享，用父子组件传

是一个前端异步解决方案 Promise是一个构造函数，接受一个函数作为参数，这个函数在实例化的时候会作为执行器立即执行。 作为参数的函数节后两个函数作为参数，resolve和reject,由js引擎提

背景 解决首页里有多路由的情况下，如何保持切换到首页，子路由还在上个位置固定？ keep-alive 保持组件切换的时候不被重复的卸载和创建，被该标签包裹的组件，有active和deacive生命周期

背景 如果我们有个需求，需要为SPA应用的每个页面增加title？ 网页title来自于index.html中的 <title>而SPA中html只有一个，是不会变化的 那么我们只能在某个组件/页面加

$router 任何一个组件中的$router 都是一样的，指的是该应用中的VueRouter实例对象 $route 当前活跃的路由对象 来源 为什么this.$能够获取到这些对象，这两个属性怎么存在

主要有两种方式：params和query params 配置路由：/router/:id 传递参数： 在path后加上需要传递的数据本身 传递后形成的路径：/router/123 或/router/a

背景 以home页面为例，有时候在home页面，我们希望既展示新闻News，也展示消息Message。切换路由，home组件本身的内容不变，但是其内部的News和Message切换。 此时，home是

背景 当打包构建时候，js包会变的非常大，影响页面加载，出现短暂白屏。 如果能把不同路由对应的组件分割成不同的代码块，单独打包，然后路由被访问的时候，才加载对应组件，这样就更加高效了 上图是脚手架打包

以前后端负责页面的展示和逻辑，后端通过html+css+java写jsp页面，前端通过页面的路由请求后端的资源，每一个url都会请求后端不同的资源，每请求一次，由于资源变化了，都需要刷新页面。 - 前

认识 什么是webpack? 本质上来讲，是现代js应用的静态模块化打包工具，核心解释为 模块化 和 打包 官方图： 项目中的： 图片：png,jpg 样式：css、scss、less，saas js

导出 单个值导出 导出普通值 export const name = 'kobe' export flag = true 导出普通方法 export function sum (num1, num2)

参考某些商城网站的searchBar,区别仅仅是搜索框左侧的label描述和右侧的按钮，这种情况下，我们不需要根据场景定制多个组件，而可以使用插槽。将搜索框固定展示，左右侧外部传入。这种场景下用到插槽

提供了子组件中访问父元素【对象】的属性和方法，以及父组件中访问子组件【对象】的属性和方法。 在父组件访问子组件对象 $children 返回子组件对象Vue Component 数组，如果想要访问某个

父子组件通信方式。 子组件需要父组件数据： 子组件内部，props对象，声明接受的外部参数 父组件，在子组件标签处通过v-bind<cpn :key="parentData"> 父组件使用子组件数据

如果用以下的方式写，html和js混合在一起，不整洁 提供了两种分离式写法： -<script type="text/x-template" id="cpn"> -<template id="cpn"

页面拆分，复杂-》 简单，积木，组件-》组件树 组件使用 组件构造器创建组件 vue.extend({}) 调用组件构造器创建组件对象，参数为对象， 其中主要用到template属性，值为模板字符串形

lazy 默认情况下，v-model在input中是同步的，即输入框中内容变化，data数据也变化 lazy会让input失去焦点或者回车后，让data数据更新 <input type="text"