vue小结

axios中jq的基础

jq语法

• $(this).hide() 隐藏当前的html元素

• $(''#test").hide() 隐藏id=‘test’的元素

  添加新的 HTML 内容

  我们将学习用于添加新内容的四个 jQuery 方法：

  • append() - 在被选元素的结尾插入内容
  • prepend() - 在被选元素的开头插入内容
  • after() - 在被选元素之后插入内容
  • before() - 在被选元素之前插入内容

  删除元素/内容

  如需删除元素和内容，一般可使用以下两个 jQuery 方法：

  • remove() - 删除被选元素（及其子元素）
  • empty() - 从被选元素中删除子元素

  设置多个css属性

  $("p").css({"background-color":"yellow","font-size":"200%"});
  

遍历

• 元素是

  的父元素，同时是其中所有内容的祖先。
  • 元素是
    • 元素的父元素，同时是
      的子元素
    • 左边的
    • 元素是 的父元素，
      的子元素，同时是
      的后代。

      元素是

      的子元素，同时是

      和
      的后代。

      两个

      元素是同胞（拥有相同的父元素）。

      右边的

      元素是 的父元素，

      的子元素，同时是
      的后代。

      元素是右边的

      的子元素，同时是

      和
      的后代。

      jq事件

      • focus() 当输入框获得焦点时
      • load() 当指定元素（及字元素加载时），会发生load()事件
      • mousedown（） 当按下鼠标按钮时
      • mouseenter() 当鼠标指针穿过元素时
      • mouseleave() 当鼠标指针离开元素时
      • mousemove() 当鼠标指针在页面中的位置
      • mouseout() 当鼠标从元素上移开时
      • mouseup() 当松开鼠标按钮时
      • ready() 在文档加载后激活函数
      • select() 在文本域后添加文本
      • unload() 当用户点击链接离开本页时，

      • $route.path
        字符串，等于当前路由对象的路径，会被解析为绝对路径，如 "/home/news" 。
      • $route.params
        对象，包含路由中的动态片段和全匹配片段的键值对
      • $route.query
        对象，包含路由中查询参数的键值对。例如，对于 /home/news/detail/01?favorite=yes ，会得到$route.query.favorite == 'yes' 。
      • $route.router
        路由规则所属的路由器（以及其所属的组件）。
      • $route.matched
        数组，包含当前匹配的路径中所包含的所有片段所对应的配置参数对象。
      • $route.name
        当前路径的名字，如果没有使用具名路径，则名字为空。

      2 query传参

      this.$router.push({path: '/transport/dispatch', query: {paicheNo: obj.paicheNo}})

      取数据：this.$route.query.paicheNo

      vue事件

      • v-bind：可以简写为： 用于绑定dom属性
      • v-on: 可以简写@ 表示事件监听
      • v-for:循环
      • v-if /v-elif /else：判断三组件
      • v-model:vue双向绑定
      • v-html: 用html方式显示
      • 计算属性：computed{{}} 支持写复杂的表达式逻辑

      父组件可以使用props把数据传给子组件

      子组件可以使用$emit触发父组件的自定义事件