vue基础

1.属性绑定:通过v-bind:xxx返回data内的值；例如v-bind:value 可简写为:value

<input type="text" :value="name"/>

2.事件绑定:通过v-on:xxx返回一个方法名称；例如v-on:click 可简写为@click

3.双向绑定:表单输入项和data内属性绑定，任意一方改变都会影响另一方 v-model

4.条件渲染:v-if v-else v-else-if

5.前段解决跨域问题

const {defineConfig} = require('@vue/cli-service')
module.exports = defineConfig({
    transpileDependencies: true,
    devServer: {
      port:7070,
      proxy:{
        '/api':{
          target:'http://localhost:8080',
          pathRewrite:{
            '^/api':''
          }
        }
      }
    }
})

6.router：由三部分组成：router-link（发起请求的按钮）|  VueRouter（路由器，内含路由表） |   router-view（路由器视图组件）

404路径

    {path: '/404' ,component: ()=>import('../views/404View.vue')},
    {path: '*', redirect: '/404'}

7.vuex：在store.index的state里集中注册共享数据，{{$store.state.name}}取出共享的数据

在mutations中定义修改函数，这里必须是同步的。调用方法为：this.$store.commit('xxx',第二个形参) 注意这里的第一个形参为state，不用传

在action中定义可以异步的修改函数，在其中可以调用mutations，内含context参数，使用context.commit调用mutations。而当使用action时需要调用：this.$store.dispatch('xxx')

8.TS：js的超集，最大的特点就是指定了类型，在编译的时候会进行类型检查，使用tsc可以把ts文件编译为js文件

 

//标注变量
let msg:string='hello ts!'
//标注参数和返回值
const msg2=(name:string):string=>{
    return name.toLowerCase()+msg
}

 可以通过属性名后面加上？，表示当前属性为可选

类中包含属性、构建方法，普通方法

 类可以继承接口，真像java