vue,一路走来

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue,一路走来相关的知识,希望对你有一定的参考价值。

今天描述的问题估计会有很多人也遇到过。

vue-router多个路由地址绑定一个组件造成created不执行

也就是文档描述的,如下图

我的解决方案:

created () {
     console.log(this.getStatus(this.$route.path))
     this.userpath()      //我要执行的函数
},
methods: {
      getStatus (urlStr) {
          var urlStrArr = urlStr.split(\'/\')
          return urlStrArr[urlStrArr.length - 1]
      }
},
watch: {
    \'$route\' (to, from) {
         console.log(this.getStatus(this.$route.path))
         this.userpath()      //再次调起我要执行的函数
     }
}

vue之watch用法

项目中刚好也用到了需要检测某值是否发生了变化,获取最新的值。就分享一下

vue单文件组件写法:
<template>
  //观察数据为字符串或数组
   <input v-model="example0"/>
   <input v-model="example1"/>
  //当单观察数据examples2为对象时,如果键值发生变化,为了监听到数据变化,需要添加deep:true参数
   <input v-model="example2.inner0"/>
</template>
<script>
   export default {
      data(){
        return {
          example0:"",
          example1:"",
          example2:{
            inner0:1,
            innner1:2
          }
        }
      },
      watch:{
        example0(curVal,oldVal){
          console.log(curVal,oldVal);
        },
        example1:\'a\'//值可以为methods的方法名
        example2:{
         //注意:当观察的数据为对象或数组时,curVal和oldVal是相等的,因为这两个形参指向的是同一个数据对象
          handler(curVal,oldVal){
            conosle.log(curVal,oldVal)
          },
          deep:true
        }
      },
      methods:{
        a(curVal,oldVal){
          conosle.log(curVal,oldVal)
        }
      }
    }
</script>

项目中还遇到了需要使用md5加密,分享一个不错的网址http://blog.csdn.net/qq_35844177/article/details/70597597

 

以上是关于vue,一路走来的主要内容,如果未能解决你的问题,请参考以下文章

vue,一路走来

vue,一路走来

vue,一路走来

vue,一路走来

vue,一路走来(12)--父与子之间传参

vue,一路走来(14)--短信验证码框的实现(类似支付密码框)