weixin_52943021的博客

【代码】在ElementPlus中icon图标 使用细节。

1, 创建 notice 数据表 代码如下`id` int NOT NULL AUTO_INCREMENT COMMENT '主键ID',`title` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '公告标题',`content` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '公告内容',

*** 自定义异常处理* 编译时不会报错,只有在运行时报错* 运行时异常*/// 构造器 (有两个参数)// 构造器 (有一个参数)//return msg;@Service@Resource} else {throw new CustomerException("账号错误");// // 开启分页查询// }/*** 自定义异常处理* 编译时不会报错,只有在运行时报错* 运行时异常*/

Service@Resource} else {throw new CustomerException("账号错误");// // 开启分页查询// }

【代码】java项目在后端做跨域配置。

求和sum+1</button><button @click="changeName">修改名字

template><h3>父组件</h3><Game><ul></ul></Game><Game><ol></ol></Game><Game>-- 将所传数据解构出来后展示数据： --></Game></div></div>import Game from '@/pages/09_slot_作用域插槽/Game.vue';</script>.father {.content {</style><template><h2>游戏列表</h2>

笔记<template><h3>子组件</h3></div></script>.child {</style><template><h3>父组件</h3><Child /></div></script>.father {</style>// 等待组件挂载完成3秒之后，触发事件haha，传递玩具的名字},3000);})<template><h3>父组件</h3><h4 v-show="toy">子给父的玩具: {{ toy }}</h4>

获取一句土味情话

template>-- 标题 -->-- 导航区 -->--第一种: to的字符串写法-->-- <RouterLink to="/home" active-class="active">首页</RouterLink><RouterLink to="/news" active-class="active">新闻</RouterLink><RouterLink to="/about" active-class="active">关于</RouterLink> -->

createApp(App) 坼解如下其实就是少一个中专变量app而与。

点我+1</button><hr><br><button @click="getDog">再来一只小狗

点我+1

父组件数据定义好了，如何将数据传给子组件？

/ 定义一个接口，用于限制person对象的具体属性和类型1, 默认暴露2， 分别暴露-> 在接口或者方法最前面添加 export ,叫分别暴露3， 统一暴露// 第一种写法// {id: 'ashen12', name: "张三", age: 88},// {id: 'ashen13', name: "李四", age: 66},// {id: 'ashen14', name: "王五", age: 58}// ]// 第二种写法。

点我输出h2这个元素

笔记。

将全名修改为li-si{{ fullName2() }}</span> <br> -->全名: <span>{{ fullName }}

1, 作用: 定义响应式变量。2，语法：let xxx = ref(初始值)3，返回值： 一个 RefImpl的实例对象，简称ref对象或ref,ref对象的value属性是响应式的4，注意点：a,JS中操作数据需要: xxx.value, 但是模板中不需要 .value，直接使用即可。b,对于let name = ref('张三')来说，name不是响应式的，name.value是响应式的。<template>

修改名字</button><button @click="changeAge">修改年龄</button><button @click="showTel">查看联系方式

1, App.vue 根组件2, main.ts。

1，2020年9月18日，Vue.js发布版3.0版本，代号：One Piece(海贼王)2， 经历了：4800+次提交，40+个REC,500+次PR，300+贡献者3，官方发版地址： Release v3.0.0 One Piece vuejs/core4, 截止2023年10月，最新的公开版本为： 3.3.41, setup2, ref与reactive3, computed与watch...b, 新的内置组件...c, 其他改变1, 新的生命周期钩子。

#### Axios 是一个基于 promise 的网络请求库，可以用于浏览器和 node.js。##### Axios 使用简单,包尺寸小且提供了易于扩展的接口。在请求或响应被 then 或 catch 处理前拦截它们。可以给自定义的 axios 实例添加拦截器。### axios 中文文档。

分包内静态文件示例(官方示例）}]}]属性类型说明appidString微信小程序的AppID，登录申请String项目名称settingObject微信小程序项目设置，参考settingBoolean微信小程序是否启用插件功能页，默认关闭Array微信小程序需要在后台使用的能力,详见pluginsObject使用到的插件，详见resizableBoolean在iPad上小程序是否支持屏幕旋转，默认关闭Array需要跳转的小程序列表，详见permission。

storage 可以实现持久存储VX 是存储状态管理里面，VX本身不是持久存储。

1, 登录：由微信一键登录和手机验证号码登录2，支付，从选择商品的规格到确认订单到微信支付，包含退款是原路返回3，查询，商品发货货可以查询，物流信息，包括地址的管理，订单的管理，个人中心等等模块。

【代码】Element-Plus。

Vue Router。

【代码】next-superhero-dev。

displayCSS display 属性设置元素是否被视为块或者内联元素以及用于子元素的布局，例如流式布局、网格布局或弹性布局。orderCSS order 属性规定了弹性容器中的可伸缩项目在布局时的顺序。元素按照 order 属性的值的增序进行布局。拥有相同 order 属性值的元素按照它们在源代码中出现的顺序进行布局。

template>"></view><script>data() {return {},onLoad() {console.log("页面加载")},console.log("页面关闭")},console.log("页面初次渲染完成")},onShow() {console.log("页面show")},onHide() {console.log("页面Hide")},console.log("分享")},console.log("页面滚动")},

HBuilderX简称HX，是一款轻量级的、免费的IDE。它具有强大的语法提示和vue支持。1. 官网地址：https://ask.dcloud.net.cn下载HBuilderX-下载地址https://www.dcloud.io/hbuilderx.html​Alpha版下载地址​下载地址：https://www.dcloud.io/hbuilderx.html 2. 下载后，将压缩包复制到适当位置，解压压缩包，找到Hbuilder X可执行程序，双击即可启动程序：注意：HBuil

比如：<template></view><style></style>directiondirection CSS 属性用于设置文本、表格列和水平溢出的方向。对于从右到左书写的语言（如希伯来语或阿拉伯语），应将该属性设置为 rtl；对于从左到右书写的语言（如英语和大多数其他语言），则应将该属性设置为 ltr。displayCSS display 属性设置元素是否被视为块或者内联元素以及用于子元素的布局，例如流式布局、网格布局或弹性布局。flex。

值平台说明APP-PLUS5+App手机端5+APP NVUE手机端H5H5我们在浏览器中的web端，网页端H5MP小程序微信小程序，支付宝小程序，百度小程序MP-WEIXIN微信小程序MP-ALIPAY支付宝小程序MP-BAIDU百度小程序。

nvm环境配置好之后使用nvm安装nodejs。显示所有nodejs的版本。

1.前提环境条件已安装16.0或更高版本的Node.js。出现如下图，表示已经成功创建vue3应用。使用create-vue创建项目。2.创建一个vue3应用。3.进入项目，启动应用。