后端 学习 前端 Vue 框架基础知识

文章目录

• 一、Vue 基础语法学习
• • 1、Vue 语法指令
  • 2、Vue 实例属性
  • • （1）el
    • （2）data
    • （3）methods
    • （4）computed
  • 3、事件修饰符
  • 4、按键修饰符
  • 5、Vue实例的生命周期
  • 6、ES6语法的基本使用
  • • （1）声明变量使用let、const
    • （2）箭头函数的使用
    • （3）模板字符串
    • （4）变量名与参数名一致只写一个
• 二、Vue 组件学习
• • 1、Vue 标准开发方式
  • 2、组件的好处
  • 3、组件的使用
  • • （1）全局组件
    • • 定义一个全局组件
      • 使用全局组件
    • （2）局部组件
    • （3）组件间传参
    • • 传递参数
      • 传递事件
  • 4、Slot 插槽的使用
• 三、Vue Router 路由学习
• • （1）引入 Vue Router
  • （2）创建路由规则并注册到vue实例中
  • （3）展示路由组件,添加切换路由的链接
  • （4）效果
  • （5）切换路由的方式
  • • 1、使用a标签
    • 2、使用 router-link 标签
    • 3、在 js 事件中 切换路由
  • （6）路由之间参数传递
  • • 1、queryString 方式传参
    • 2、RestFul 方式传参
  • （7） 嵌套路由
• 四、Vuex 状态管理器
• • （1）简介
  • （2）在Vue Cli 中使用 Vuex
  • • 1、安装Vuex
    • 2、配置 Vuex
  • （3）store 对象中的属性以及调用
  • • 1、state
    • 2、multations
    • 3、getters