beekim的博客

参考：https://blog.csdn.net/weixin_45148022/article/details/135696629https://juejin.cn/post/7327353533618978842?searchId=20241101133433B2BB37A081FD6A02DA60https://www.freesion.com/article/67641324321/https://github.com/AlexKratky/vue-camera-lib效果：调用组件的主要组件方法

vite.config.ts配置。

代码】在ts/js文件中跳转路由写法（不是在vue文件中跳转路由）

点击跳转到某个组件点击返回引入文件

1.创建vue项目并配置安装json-server插件npm install json-server -g安装完成后在vue项目的根目录添加一个db.json文件，并在其中加入json数据进入vue项目目录并执行json-server db.json在游览器输入对应api地址就可以拿到相应的数据了2.工程化管理axios文件axios的基本使用给项目安装axios插件npm install --save axios vue-axios引入axiosimport Vue fr

测试环境搭建vue-cli搭建一个路由项目需求一实现未登录拦截到登录界面，登录后才可以访问其他界面目录结构：index.jsimport Vue from 'vue'import VueRouter from 'vue-router'import Home from '../views/Home.vue'Vue.use(VueRouter)const routes = [{ path: '/', name: 'Home', comp

搭建好测试环境app.vue<template> <div id="app"> <img alt="Vue logo" src="./assets/logo.png"> <HelloWorld msg="Welcome to Your Vue.js App"/> <child></child> </div></template><script>i

VUE2.02.1入门1 什么是vue？构建用户界面用vue往html页面中填充数据，非常方便框架框架是一套现成的解决方案，程序员只能遵守框架的规范，去编写自己的业务功能要学习vue，就是在学习vue框架中规定的用法vue的指令、组件（是对UI结构的复用）、路由、Vuex只有上面罗列的内容掌握以后，才有开发vue项目的能力2 vue特性数据驱动视图双向数据绑定注意：这两个特性的底层原理是MVVM2.1数据驱动视图数据的变化会驱动视图自动更新好处：程序员

1 项目搭建创建vue项目之前需要先安装Node.js和MySQL数据库1.1 vue脚手架安装npm i vue -gnpm i @vue/cli -g//初始化vue项目vue create 项目名1.2 在创建好的项目中创建server文件夹在文件夹内创建这几个文件：新建api文件夹、db.js、index.js、sqlMap.js。（api文件存放相关api接口路径及方法，db.js配置相关数据库，index.js配置后端端口及api路由）index.jsconst u

Vuex1 入门vuex是为vue.js专门提供的状态管理模式简单解释：将所有组件公用的数据、方法提取到指定的地方，进行统一管理2 安装下载vuexnpm i vuex --save在src根目录中新建一个store文件夹并新建一个index.js文件，并在index.js中引入vue和vueximport Vue from 'vue'//导入vuex插件import Vuex from 'vuex'//使用vuex插件Vue.use(Vuex)export default

VUE 2.0社区资料：https://www.vue-js.com/vue官方手册：https://cn.vuejs.org/v2/api/1.入门1.1 简介vue.js是一套构建用户界面的渐进式框架vue只关注视图层，采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。vue是基于MVVM设计模式，支持数据的双向绑定。MVVM：model view viewmodelMVC:model模型，数据层、view视图、contro

路由组件传参在组件中使用 $route 会使之与其对应路由形成高度耦合，从而使组件只能在某些特定的 URL 上使用，限制了其灵活性。使用 props 将组件和路由解耦：布尔模式商品展示界面传递id的动态参数<template> <div class="home"> <TabBar></TabBar> <p>这是首页</p> <ul> &

1.回顾前端1.1 HTML简介html：超文本标记语言<标签></标签>tab：退格shift+tab：返回退格alt+shift+数字：分屏标题标签 ​ n取1-6，数字越大字体越小​ 字体自动加粗​ 注意：每个html中h1建议使用一次段落标签自动换行，段落前不会自动空两格实体字符专门用于表示网页中不能直接显示的字符 空格 &nbsp; < &lt; > &gt