vue基础知识复习,上手就能使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="wid…
vue基础知识复习,上手就能使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="wid…
Vue 3 + Vite 创建并启动项目 创建项目 npm init @vitejs/app xiaoluxianVideo cd xiaoluxianVideo npm install npm run dev 安装router插件 npm install vue-router@4 -S npm i unplugin-auto-import -D npm install axios -S 配置 src/router/index.js import { createRouter, createWebHistory }…
创建 vue3 项目,基于 vite npm init @vitejs/app appname npm install vue-router@4 vue3 基于 webpack 改 vite 1、复制 scr 目录 2、复制 package.json 中的 dependencies 3、npm i 安装依赖,并 npm run dev 修改 bug vue2 基于 webpack 改 vite 1、复制 scr 目录 2、复制 package.json 中的 dependencies 3、npm i 安装依赖, 4…
https://gitee.com/blaunicorn/vue3-vite-mock F:\code-tencent\vue-study\vue3-mock-demo\vite-project // vite-project\src\App.vue <script setup> // This starter template is using Vue 3 <script setup> SFCs // Check out https://v3.vuejs.org/api/sfc-scrip…
第一种写法:props值为对象 第一种写法:props值为对象,该对象中所有的key-value的组合最终都会通过props传给Detail组件 children: [ { name: 'xiangqing', path:'detail', component: Detail, // props对象中所有的key-value的组合最终都会通过props传给Detail组件 props:{ id: '888', title: '你好啊' …
Element-UI InfiniteScroll 无限滚动 把加载的数据存放到一个有滚动条的盒子里,因为这个功能主要是根据滚动条滑到最底部进行加载,反之就会出现一直加载,直到数据加载完毕为止。 <template> <div id="box"> <div class="box" v-infinite-scroll="load" > <ul class="list" > <li v-…