- 博客(21)
- 收藏
- 关注
RSS订阅原创 状态机 store
1、安装npm install vuex --save2、store index.jsimport Vue from "vue";import Vuex from "vuex";import Cart from "./Cart"; //拆分的状态机import detail from "./detail.js"; //拆分的状态机Vue.use(Vuex);const store = new Vuex.Store({ modules: { //填写引入的状态机
2022-04-10 15:56:52
883
原创 uniapp显示遮罩（选规格）
1、可以新建一个组件zhezhao.vue<template> <u-overlay :show="show" @click="handleClose"> <view v-if="odata" class="bg-fff pop-cont" @tap.stop> <view class="flex padding u-border-bottom"> <image class="poster margin-right" :sr
2022-03-26 15:31:32
4434
原创 uniapp注册登录
注册input输入框双向绑定 v-model username passwormethods: { handleReg(){ this.$post('/users',this.info).then(res=>{ //拿到数据库中的users表，和自己的info console.log(res); let {code} = res //注册成...
2022-03-26 11:28:59
3876
原创 uniapp加入购物车验证跳转登录注册
1、购物车页面onLoad() { //在这里面出发 if(!this.userInfo){ uni.showModal({ //弹出框 title:'请登录后再操作', content:'登录以便为您提供更好的服务!', cancelText:'稍后再说', confirmTex...
2022-03-26 10:37:51
689
原创 uniapp 列表二级渲染+点击展开收起
1、渲染一级列表2、渲染二级列表3、二级列表绑定数据包定义默认状态为 ckshow=false@tap=“ckshow=！ckshow” //点击触发事件取反，绑在一级上
2022-03-25 20:20:43
856
1
原创 渲染页到详情页到加入购物车
1、渲染拿到数据放在自己的data渲染data（）{headerList: []}:class="tabid == index ? 'active' : ''" //tabid点击时的下标 index是数组下标 active是选中时状态分类功能：@click="handfenl(item.Value, index)" //实参是对比接口地址之后传不同的参数handfenl(idx, index) {this.tabid = index; //下标this.categ.
2022-03-25 18:57:29
1439
原创 uniapp连接数据
1、原始简单法export default { data() { return { } },//在onload中拿数据onLoad() { uni.request({ url: "http://www.xxx.xxx", //接口地址 method:'GET', //请求方式 success:(r...
2022-03-24 16:21:46
1446
原创 BetterScroll的使用
1. 基本使用流程+ 安装```npm install @better-scroll/core --save```+ 准备结构+ 必须是一个固定高度（宽度）的容器，+ 内部嵌套一个超出容器高度的内容元素+ 容器需要使用overflow:hidden进行溢出控制2. 横向滚动交互3. 侧边菜单交互...
2022-03-18 17:48:56
362
原创 在工程化项目中配置vue-router
1、安装npm i vue-router@* 2、创建组件views/Home.vue3、引入vue-router，并初始化路由对象router/index.jsimport Vue from 'vue'import VueRouter from 'vue-router'import Home from '../views/Home'import Detail from '../views/Detail.vue'import TestVuex from '...
2022-03-18 09:11:31
208
原创 Vue基础理论梳理
1、实例内部常用配置项- data //放数据包的- computed //处理data后得到的数据- watch //监听事件- methods //存放事件函数- created //生命周期，创建后- components //存放组件- directives //存放自定义指令2. 模板语法 （在html区域写的语法）基本数据渲染：{{ 内容}}属性控制：v-bind:class3. computed 与 watch相同点：都能够根据data的...
2022-03-17 09:46:34
143
原创 使用VueRouter的流程
1. 引入路由2. 创建组件3. 创建路由对象 + 路由映射关系配置 路径----组件4. 路由注入5. 呈现组件 + router-view 想在哪里呈现组件，就在哪里写router-view6. 切换路由 + router-link...
2022-03-17 09:24:15
189
原创 vue新建项目
1. 安装node2. 切换镜像源> 让安装包的速度更快3. 安装@vue/cli脚手架(https://cli.vuejs.org/zh/)npm i @vue/cli -g查看@vue/cli版本vue -V4. 创建项目vue create 项目名 例如vue create my-app5、启动项目cd my-app 进入项目目录npm run serve 启动命令6、认识Vue工程化目录node_modules 项
2022-03-16 14:56:39
1408
原创 $refs是什么？
$refs实现组件通信可以获取并操作DOM、组件对象使用方法：<button @click="handleFn">按钮</button>handleFn() {在元素上面绑定事件，然后找到元素console.log(this.$refs);let { 元素, yuansu1 } = this.$refs //接住元素yuansu1.style.border='1px solid red' //设置元素样式}...
2022-03-16 14:33:02
312
原创 Vue组件化（全局组件/局部组件/组件传参）
全局注册组件在scrpit中 第1行开始vue.component('my-select',{template:`<div>全局组件内容</div>`})引入可以在全局的任意位置<my-select></my-select>局部注册组件：在new Vue({el:'#app',components:{`my-select`:{template:`<div>局部组件内...
2022-03-16 12:07:39
701
原创 vue 简单过滤（fliterStu）
1、在生命周期computed中新增过滤函数stu：[为数据包 ]status：1 //0，1，2为按钮绑定的条件computed:{ filterstu(){ if (this.status==0){ return this.stu }else if(this.status==1){ let arr=this.stu.fi...
2022-03-16 11:31:30
700
原创 js初学者第5周笔记
bom 常用对象history：保存当前窗口的历史记录（历史url） 作用： 前进：history.go(1); 后退：history.go(-1); *刷新：history.go(0);location：保存当前窗口的正在打开的url1、常识：一个url由5部分组成 http://127.0.0.1:8020/bom02/new/01-3.html https://www.baidu.com/s?wd=178&...
2021-12-24 20:48:04
801
原创 初学者第四周笔记
ES：1、保护对象：保护对象的属性和方法 1、四大特性可以保护对象： 1、对象的每一个属性都有4大特性，3个开关默认为true { value: 1001,//保存实际值的地方 writable: true,//开关：控制属性是否可以被修改 enumerable: true,//开关：控制属性是否可以被for in循环遍历 configurable: false//开关...
2021-12-18 10:19:38
119
原创 js初学者第三周笔记整理
正则正则表达式：定义 字符串 中【字符出现规则】的 表达式语法：/正则表达式/ 后加 i：忽略大小写 g：全部备选字符集：一个备选字符集：规定了【一位】字符可用的备选字符列表语法：/[备选字符列表]/注意：1、一个中括号，只能匹配一位字符 2、正则默认只要满足后，就不再管理后续操作，后续用户可以乱输入 - 不合理解决：只要是做验证！！！必须/^[备选字符集]$/，前加^后加$代表要求从头到尾完全匹配 - 用户输入的东西必须和我规定的...
2021-12-11 12:23:42
489
原创 js初学者第二周笔记整理
***数据类型的转换显示转换：1、转字符串：2个 1、xx.toString();//xx不能是undefined和null，报错，两者不能使用.去操作 2、String(xx);//万能的，没用：完全等效于隐式转换，还不如+"" 一般来说两个都不用，页面上获取到的数据都是字符串 2、*转数字：3个 1、字符串转为数字：parseInt/Float(str); 从左向右，依次读取每个字符，碰到非数字字符就...
2021-12-11 10:21:44
361
原创 js第一周学习总结
javascript概述：javascript概述：简称js，是运行在【js解释器】的【解释型】【弱类型】【面向对象】脚本语言js特点： 1、代码可用任何编辑器编写 2、解释型 - 不需要检查对错，直接运行，碰到就停止 3、弱类型语言：是 由数据 决定了 数据的类型是什么 - 更自由 1 - number数字 "1" - string字符串 变量想保存什么数据类型都可以 - 随意面向对象语言 ：万物皆对象（属性...
2021-11-29 10:21:41
351
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人