vue
Sengoku_Xingzi
书写为自己回看能懂and copy的博客,有任何建议我都可以听
展开
-
Express VUE3 文章列表
发布时间: {{ blog.create_time }}修改删除原创 2022-11-01 17:30:48 · 155 阅读 · 0 评论 -
富文本编辑器
代码都是从这里一点一点扣的 打开进去 写着重要都要加下面完整版 注释都解释了。原创 2022-10-26 14:58:11 · 342 阅读 · 0 评论 -
ant 倒计时 发送验证码倒计时
我用的是vue3 setup 语法糖 夹杂点ts一开始是刷新了一下首先先引入html 代码Button 标签 1.点击后 方法2 禁用 效果是按需引入 不懂的看之前文章v-if 这个判断 为true 也就是 botton禁用后就出现:value 是 倒计时的数@finish 倒计时结束后触发format 可以是 “D 天 H 时 m 分 s 秒” 也可以是 “HH:mm:ss:SSS”原创 2022-10-10 10:07:11 · 1130 阅读 · 2 评论 -
Vue 侦听 监听 watch
vue侦听 属性的 配置原创 2022-08-16 16:48:13 · 212 阅读 · 0 评论 -
node的再次安装, Vue项目创建
安装之前 所有关于node 的要删干净 (否则node会重新复制ta,你可能会下到一些不好的东西,比如cnpm(bug集合),其他的)router vuex css 使用配置文件 typescript(建議用)没有这个窗口按左下角小房子 进入主页。安装nodo下载稳定版16那个够了。就可以打开创建vue的项目的页面。一般装个纯vue就会少很多东西。babel肯定要..為了規範。原创 2022-03-25 16:11:10 · 786 阅读 · 0 评论 -
<script setup> 语法糖
<script setup>是在单文件组件 (SFC) 中使用组合式 API的编译时语法糖。相比于普通的<script>语法,它具有更多优势:官网:单文件组件 <script setup> | Vue.js (vuejs.org)当使用<script setup>的时候,任何在<script setup>声明的顶层的绑定 (包括变量,函数声明,以及 import 引入的内容) 都能在模板中直接使用:<scrip...原创 2022-03-22 17:05:39 · 103 阅读 · 0 评论 -
组件 自定义事件 ,传参 组件的注册
1.声明自定义事件//1. js当中:emits:['自定义事件名称']2 使用在methods下 (在某个事件下使用)this.$emits('事件名称')3:监听自定义事件在子组件里面<组件名 @自定义事件名称="另一个事件"><组件名/>传参:(其实也可以讲是子向父组件传参数)在触发自定义事件后面下面val就接受到了参数...原创 2022-03-21 17:28:01 · 828 阅读 · 0 评论 -
npm Vue(4)管理后台开发
做开发 优先做后台开发1.注册登录互相跳gotoRegister(){this.$router.push("admin_register");},原创 2021-09-14 12:56:28 · 82 阅读 · 0 评论 -
npm Vue(4)管理后台开发4商品分类
商品分类classification of goods<template> <div> <div>classification of goods</div> <div>product list</div> <div style="display:flex"> <div style="flex:1">id</div> <div style=原创 2021-09-15 15:28:40 · 64 阅读 · 0 评论 -
npm(5)element 安装
安装element组件 | Element在主文件夹终端使用npm安装 链接在上面接下来要引入组件 | Element 在路由写下红框内的代码原创 2021-09-16 08:58:42 · 1384 阅读 · 0 评论 -
Review
axios安装终端输入npm install axios 安装//axios 全局import axios from "axios";//服务端域名路径axios.defaults.baseURL = "http://www.xxxxxxxxxxxcom:8761"//main引入commonimport common from './common/common'Vue.prototype.common = common//common.jsvar data ...原创 2021-10-12 16:13:56 · 52 阅读 · 0 评论 -
npm Vue(4)管理后台开发3商品管理
第一阶段码<template> <div> <div>commodity management</div> <div>product list</div> <div style="display:flex"> <!-- To make it look good --> <div style="flex:1">id</div>原创 2021-09-15 15:08:47 · 64 阅读 · 0 评论 -
Vue-(2)双层路由
1.在src文件下创建router文件夹和router.jsPS: (这是重新创建了路由 和上一篇文章不同,原路由写在mian.js,现改成在router.js文件下写路由)在router.js 写下多了个嵌套ps:(import 定义名 form "路径"import Test from "路径"import Demo01 from "路径"const routes = [ { path: "设置路径1", component: Test, chi...原创 2021-09-14 11:09:27 · 529 阅读 · 0 评论 -
Vue-(3) axios
axios中文网|axios API 中文文档 | axios因为我们都是用npm,所以都是基于npm来安装目录是不能错的,在终端输入dir看见package.json ,那你的目录就是对的。终端输入npm install axios 安装安装后打开 package.json看见多了axios就成功了在components下创建一个Demo01,vue写一个onclick()代码如下axios.get('/user?ID=12345') .then(function (原创 2021-09-14 11:10:04 · 89 阅读 · 0 评论 -
Vue(0)
一丶看看自己有没有安装CLI安装 | Vue CLI (vuejs.org)有可继续选择想要创建项目的地方二丶命令行 输入 vue create 文件名ps:路径最好是英文的三丶选择第一个直接回车即可(因为进去后就是第一个所以直接回车)然后会进行下载四丶出现此文件夹即成功------------------------------------------------------------------------------------原创 2021-09-13 15:12:08 · 80 阅读 · 0 评论 -
npm Vue(4)管理后台开发-2
user_manager.vue于上一篇文章完成的,现在做个美化<template> <div> <div style="display:flex" v-for="(user,index) in userList" :key="'user~' +index"> {{user.id}}--{{user.name}}--{{user.phone}} </div> </div></template>原创 2021-09-15 14:37:56 · 78 阅读 · 0 评论 -
头部 共用! 控件(路由同款)(类似)
文件头部:headhead.vue原创 2021-09-23 19:25:54 · 44 阅读 · 0 评论 -
Vue-(1)路由的使用
路由1.打开终端运行npm install vue-router安装 Vue Router2.在component 文件夹里面创建文件Test.vue3.在main.js里添加路由,Vue.use(VueRouter)import VueRouter from 'vue-router'各种各种(看图对比)mian.js 文件的前后对比 其他为固定格式import 定义名字 form "文件路径"component:定义名4在原有的App.vue里面添加..原创 2021-09-14 11:08:10 · 76 阅读 · 0 评论 -
vue 组件
在这里创建dialog.vue组件文件,准备自己写组件。dialog文件 写一个弹窗 <view class="dialog"> <view class=""> <slot name="content" ></slot> <!-- {{content}} --> </view> <view class="btngroup"> <view class="bt...原创 2021-10-11 19:27:07 · 50 阅读 · 0 评论