VUE3.0从零开始-创建项目(2)

news/2024/7/19 13:16:37 标签: vue, js

1.创建项目 vue create vue3-app

2.运行项目 npm run serve

3.访问项目

http://www.niftyadmin.cn/n/1619140.html

VUE3.0从零开始-生命周期(3)

1.与vue2版本不同点与 2.x 版本生命周期相对应的组合式 API beforeCreate -> 使用 setup() created -> 使用 setup() beforeMount -> onBeforeMount mounted -> onMounted beforeUpdate -> onBeforeUpdate updated -> onUpdated beforeDestro…

VUE3.0从零开始-响应式api(4)

1.reactive与ref 被响应式api标记过的数据才可以成为响应式数据 2.ref--用来标记简单类型数据如果用ref对象/数组, 会自动将对象/数组转换为reactive的代理对象 ref的数据操作: 在js中要.value, 在模板中不需要(内部解析会自动添加.value) 3.reactive—标记复杂类型数据(…

VUE3.0从零开始-Element-plus和Axios初始化(5)

1.Element-plus 使用cli安装 vue add element-plus，安装完成之后多了几个文件。可以看看官网：https://element-plus.gitee.io/#/zh-CN/component/installation 2.安装Axios 使用cli安装 axios http请求框架 npm install axios 3.axios基础使用方法&a…

VUE3.0从零开始-登陆页面(6)

1.新建login.vue页面和login.js 页面 2.配置路由 3.去element-plus网站把想要的按钮控件复制下来，放到login.vue里面 https://element-plus.gitee.io/#/zh-CN/component/message 4.编写css脚本。 5.setup 方法 6.最终效果图。

VUE3.0从零开始-主页面左侧菜单(6)

1.新建vue页面。 2.配置路由。 3.找布局组件。先找全局的布局，再找上面分2块的布局。然后自己加点样式。 https://element-plus.gitee.io/#/zh-CN/component/menu 4.左侧菜单先找布局组件，再配置好路由，再编写脚本。 5.子路由设计 6.最终…

VUE3.0从零开始-右侧主要内容(7)

1.Element UI 找到表格控件，分页控件，复制代码到自己页面上。 2.按照需求需要内容。 3.新建可以访问数据的api 4.编写脚本代码。 5.最终效果。

VUE3.0从零开始-打包发布到IIS(终)

1.在终端上输入npm run build 2.生成dist文件夹，里面的内容就是打包压缩好的文件 3.新建web.config 文件到dist下面，把下面的内容复制进去。 <?xml version"1.0" encoding"UTF-8"?> <configuration> <system.w…

在linux运行jar包提示QRTZ_LOCKS表不存在

今天运行jar包，报错如下，但是我明明有这张表。进入mysql执行 show global variables like %lower_case%;发现 ------------------------------- | Variable_name | Value | ------------------------------- | lower_case_file_system | OFF…