后端 学习 前端 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

一、Vue 基础语法学习


直接

你可能感兴趣的:(后端方向前端学习,vue.js,前端,学习,后端)