分类: web前端

24 篇文章

vue表单添加事件
在form第一个便签里加上 @submit 属性,后面跟上执行的函数,例如:<form @submit="login"> <div class="mb-3"> <label for="username" class="form-label"…
vue使用ajax
安装npm i jquery引入import $ from 'jquery';使用$.ajax({    url: url,    type: "xxx",    data: {   },    dataType: "json",    success: function (resp) {   }, });注…
解码jwt
使用一个包 jwt-decode 安装:npm i jwt-decode引入:import { jwtDecode } from 'jwt-decode';使用:const access_obj = jwtDecode(access);返回的一个对象,可以打印出来看下属性。
vue绑定事件
事件函数的编写需要在 export default{} 中的 setup() 函数中例如:setup(props) { let fullname = computed(() => props.user.firstName + ' ' + props.user.lastName); const follow = () => { conso…
vue变量
setup(props, context):初始化变量、函数ref定义变量,可以用.value属性重新赋值reactive定义对象,不可重新赋值,当他的值发生改变(一般是对象中的某一个属性改变)会将有使用这个对象的组件重新渲染一遍。props存储父组件传递过来的数据context.emit():触发父组件绑定的函数vue 中通过 setup() 函…
vue路由
安装安装 @vue/cli-plugin-router 插件使用注册路由在 router 文件夹中的 index.js 中将路由添加到 routes 数组中例如:const routes = [ { path: '/', name: 'home', component: HomeView }, { path: '/login', name: 'lo…
vue组件
每一个组件由三个部分组成分别是 template script style其中style部分可以在头标签加上一个 scoped 字段,之后者部分的style就不会影响到其他组件script部分需要export一个对象,这个对象有两个key,一个是name表示当前组件的名字,另外一个是components表示当前组件用到的组件。有用到的组件也同时需要…
vue中使用bootstrap
安装在vue ui 中项目依赖处搜索 bootstrap 然后安装同时也需要安装 @popperjs/core使用在 main.js 中加入import 'bootstrap/dist/css/bootstrap.css'; import 'bootstrap/dist/js/bootstrap';
React中使用ajax
安装jquerynpm i jquery使用引入import $ from 'jquery';GET方法:$.ajax({    url: url,    type: "GET",    data: {   },    dataType: "json",    success: function (resp)…
React中使用路由
安装安装Route组件:npm i react-router-domRoute组件介绍BrowserRouter:所有需要路由的组件,都要包裹在BrowserRouter组件内Link:跳转到某个链接,to属性表示跳转到的链接Routes:类似于C++中的switch,匹配第一个路径Route:路由,path属性表示路径,element属性表示路由…