Vue学习笔记3—Vue插件

Vue插件

获取DOM元素

  • 使用方法:

    1. 在template中标识元素 ref = “xxx”
    2. 在要获取的时候,this.$refs.xxx 获取元素
      • 创建组件,装载DOM,用户点击按钮
  • ref在DOM上获取的是原生DOM对象

  • ref在组件上获取的是组件对象

    • $el 是拿其DOM
    • 这个对象就相当于我们平时玩的this,也可以直接调用函数
  • $refs 获取组件内的元素

  • $parent 获取当前组件对象的父组件

  • $children 获取子组件

  • $root 获取new Vue的实例

  • $el 组件对象的DOM元素

路由

路由原理

  • 传统开发方式url改变后立刻发起请求,响应整个页面,渲染整个页面
  • SPA锚点值改变后不会发起请求,发起ajax请求,局部改变页面数据
    • 页面不跳转,用户体验很好

SPA

  • single page application(单页应用程序)
  • 前端路由
    • 锚点值监视
    • ajax获取动态数据
    • 核心点事锚点值
  • 前端框架Vue/angular/react都适合开发单页应用

基本使用

  • vue-router

  • 其是vue的核心插件

  • 使用具体方法

    1. 下载 npm i vue-router -S

      假如是用

你可能感兴趣的:(Vue学习笔记)