![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 55
ZbyFt
这个作者很懒,什么都没留下…
展开
-
10 Vue3 实战解决方法
滚动条到底<template> <div id="box"> <div class="b-head"> <img class="h-img" alt="" src="../assets/img/logo.png" width=80; height=60;/> <span class="h_span">知识图谱机器人</span> </div&原创 2021-09-01 18:00:04 · 67 阅读 · 0 评论 -
09 Vue3 vuex数据共享&持久化&TS
一、VuexVues是一个转为Vue.js应用程序开发的状态管理模式官网:https://next.vuex.vuejs.org/zh/主要功能:1、Vuex可以实现vue不同组件之间的状态共享(解决了不同组件之间的数据共享)2、可以实现组件里面数据的持久化1.0 Vuex的几个核心概念State : 定义数据Getters : 计算属性Mutations : 定义方法Actions : 异步Modules :合并多个创建的store1.1 安装npm install v原创 2021-09-01 17:59:53 · 749 阅读 · 0 评论 -
08 Vue3 路由
一、路由https://next.router.vuejs.org/ 官网https://router.vuejs.org/zh/installation.html 中文文档1.1 安装路由模块npm install vue-router@next --save1.2 配置路由创建src/routers.tsimport {createRouter, createWebHashHistory} from 'vue-router';// 引入组件import Home from "@/原创 2021-09-01 17:59:40 · 69 阅读 · 0 评论 -
07 vue3 集成Typescript 禁用eslint
一、Vue3.x集成Typescriptnpm install --global @vue@clivue create my-project-namevue add typescript# 会出现命令行,让其选择 第一个选 N 其余都选y[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MdXz0QSL-1630392635969)(./images/添加ts.png)]二、在Vue里使用TS<template> <h1>{{t原创 2021-08-31 14:50:42 · 2077 阅读 · 3 评论 -
06 vue3 组合式API
一、composition API的简单介绍Composition API也叫组合式API,是Vue3.x的新特性通过创建Vue组件,我们可以将接口的可重复部分及其功能提取到可重用的代码段中。仅此一项就可以使我们的应用程序在可维护性和灵活性方面走的更远。然而,我们的经验已经证明,光靠这一点可能是不够的,尤其是当你的应用程序变得非常大的时候——想想几百个组件。在处理如此大的应用程序时,共享和重用代码变得尤为重要。通俗的讲:没有Composition API之前vue相关业务的代码需要配置到option原创 2021-08-31 14:50:06 · 107 阅读 · 0 评论 -
05 vue3 axios请求api mixin teleport 全局绑定 全局配置
一、使用Axios请求Api接口1.1 安装npm install axios --save或者yarn add axios或者cnpm install axios --save1.2 引入使用<template> <div class=""> <button @click="getDatas">Axios获取数据</button> </div> <ul> <原创 2021-08-31 14:49:16 · 361 阅读 · 0 评论 -
04 vue3 scss 组件component kepp-alive缓存子组件 nextTick
一、 Vue3中集成sass/scss1.1 安装sass-loader node-sass# 这也安装的话,会导致版本过高出现问题npm install -D sass-loader node-sass# 推荐安装这个npm install sass-loader@5.0.0 node-sass@4.14.11.2 style中配置sass/scsslang可以配置scss,scoped表示这里写的css只有当前组件有效<template> <h2>Vu原创 2021-08-31 14:48:39 · 374 阅读 · 0 评论 -
03 vue3 setup ref
setup的使用refref的使用<template> <h1>{{count}}</h1> <button @click="myFn()">按钮</button></template><script> import {ref} from 'vue'; export default { name: "App", // setup函数是组合API的入原创 2021-08-31 14:47:57 · 1337 阅读 · 0 评论 -
02 vue3 v-for v-if v-model v-bind v-on 计算属性 监听
v-bind v-for 的使用v-bind 绑定信息可以简写为 “:” ,作用是绑定已有的数据例如:v-bind:key=“index” :key=“index”<template> <div> <h1>{{msg}}</h1> </div> <p>绑定对象:{{userinfo.username}}---{{userinfo.age}}</p> <p>原创 2021-08-31 14:46:11 · 675 阅读 · 0 评论 -
00 vue3 安装
一、Vue介绍Vue官网地址:https://cn.vuejs.org/Vue3.x Github地址:https://github.com/vuejs/vue-nextVue3.x 文档地址:http://v3.vuejs.org/二、安装vue官方脚手架以及创建项目注意:安装脚手架创建项目之前,我们的电脑上必须的安装nodejs,推荐安装nodejs稳定版本文档地址:http://v3.vuejs.org/guide/installation.html#cliVue-cli地址:http原创 2021-08-31 14:42:57 · 84 阅读 · 0 评论