Vuejs在开发中总结的问题

Posted 2021-05-01 Banana的技博

配置路由

views写组件

index.js写import Router from 'vue-router'

Vue.use(Router)

import Hello from 'components/Hello'

import Index from 'views/index'

import Soft from 'views/soft'

export default new Router({

  routes: [

    {

      path: '/',

      name: 'Hello',

      component: Hello

    },

    {

      path: '/index',

      component: Index

    },

    {

      path: '/soft',

      component: Soft

    }

  ]

})

vue点击跳转路由 

<router-link class="softaddrouter" to='/softadd'>

          <el-button class="hard-add" type="primary" icon="plus">添加项目信息</el-button>

        </router-link>

在函数中触发路由跳转

@click="handleClick"

handleClick() {

        this.$router.push({path:'/softpoint'})

      }

遍历数据：

<--自己写的-->

在父元素上添加v-model="数组" v-for="item in 数组"

子元素写{{item.参数}}

<--elementui-->

父元素写:data="数组"，

子元素的prop写参数，

在函数中命名数组=拿到的数组

生命周期：

开始创建

created（）{

 this.函数名（）；

}

 实时更新的函数

this.interTime=setInterval(()=>{

         this.request(); 

          // this.accountInfo();

        }, 20000);

销毁

destroyed:function(){

      

},