Vue基础

路由是啥 理解： 一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。 前端路由：key是路径，value是组件。 1.基本使用 安装vue-

概念 在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。 何时使用？ 多个组件需要共享

内置指令 v-text 作用：向其所在的节点中渲染文本内容。与插值语法的区别：v-text会全部替换掉节点中的内容，{{xx}}则不会。 v-html 作用：向指定节点中渲染包含html结构的内容。注

ref属性 被用来给元素或子组件注册引用信息（id的替代者） 应用在html标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象（vc） 使用方式： 打标识：<h1 ref="xxx">...

HTML和CSS素材 HTML CSS 完成静态页面 src/components/MyFooter.vue src/components/MyHeader.vue src/components/My

自定义事件 一种组件间通信的方式，适用于：子组件 ===> 父组件 使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件（事件的回调在A中）。 绑定自定义事件： 第一种方

列表渲染 v-for指令: 用于展示列表数据 语法：v-for="(item, index) in xxx" :key="yyy" 可遍历：数组、对象、字符串（用的很少）、指定次数（用的很少） key

计算属性 姓名案例_插值语法实现 姓名案例_methods实现 计算属性实现 定义：要用的属性不存在，要通过已有属性计算得来。 原理：底层借助了Objcet.defineproperty方法提供的ge

想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象； root容器里的代码依然符合html规范，只不过混入了一些特殊的Vue语法； root容器里的代码被称为【Vue模板