Vue基础部分

 <!-- 
  3-
    MVVM思想
  基本指令
    {{}}
    v-text
    v-html
    v-bind
      属性处理
      样式 class样式  内联样式
    v-on
      事件修饰符
      .stop
      .prevent
      .capture
      .self
      .once
      .native
    v-model
    v-for
      key值 唯一 String或者是Number类型
    v-if
    v-show
  组件
    组件定义
      私有组件
      全局组件

      父子组件间数据传递
      v-bind props
      v-on   this.$emit()

      v-on    this.$emit(this.msg)   在父组件的方法中获取
      ref属性---可以获取DOM元素,也可以获取组件(组件中的数据何方法都可以使用)
      this.$refs.组件名.数据或者方法名

      this.$parent   对象
      this.$children 伪数组  下标的形式获取某一个子组件  uid

      非父子组件:数据总线
      Vue.prototype.bus = new Vue()
      this.bus.$emit('字段',要传递的数据)
      this.bus.$on('字段',(msg) => {

      })

      组件的渲染:
        定义组件,标签的形式展示
        render方法取渲染

  路由
      路由定义
      路由重定向
      路由的高亮显示  linkActiveClass
      路由传参
        query   $route.query  url中以?开始添加参数,不影响路由规则的书写
        params  要何路由规则对应  $route.params
      路由嵌套---子路由:路由规则中添加children属性,数组,子路由的具体路由规则
      路由的命名视图
        一个path,对应展示多个组件(conponents 对象)
        default:默认展示的组件,可以添加这个名字
 -->
posted @ 2021-03-18 10:47  刘雨鑫  阅读(72)  评论(0)    收藏  举报