Vue2-Vue3 - 随笔分类 - silence^

setup写法,toRefs和toRef,axios使用,promise语法,vue-router,pinia,elementui-plus

摘要：Ⅰ setup写法【一】setup写法之ref 【1】父组件 <template> <h1>我是首页</h1> <HelloWorld msg="zyb" ref="myhello"></HelloWorld> <input type="text" v-model="username" ref=" 阅读全文

posted @ 2024-08-19 00:41 silence^ 阅读(49) 评论(0) 推荐(0) 编辑

vue-router,vue3介绍,vue3快速创建项目,常用api,生命周期,setup的特殊写法

摘要：Ⅰ vue-router 【一】路由守卫 # 1 路由守卫是什么是否登录，登录后才能访问，没登录重定向到login 作用：对路由进行权限控制 # 2 全局守卫、独享守卫、组件内守卫使用 import Element from 'element-ui' // 全局路由守卫-->前置路由守卫 r 阅读全文

posted @ 2024-08-16 11:43 silence^ 阅读(58) 评论(0) 推荐(0) 编辑

vue程序之src使用,ref-父传子-子传父使用, props ,混入,插件,插槽,vuex,本地储存,vue-router

摘要：Ⅰ vue程序之src使用 vue的程序主要是在src中，若是想一直用一个只需要将上次的src复制一份，改个名即可，不影响接下来程序的运行若是想重新运行上次的程序，只需要将现在的src改名，原来的变为src即可 Ⅱ ref-父传子-子传父使用【一】ref使用 # 1 放在普通标签上 # 2 阅读全文

posted @ 2024-08-15 02:04 silence^ 阅读(116) 评论(0) 推荐(0) 编辑

es6之导入导出-模块化,登录跳转电影网页案例,scoped,elementui

摘要：Ⅰ es6之导入导出-模块化【一】默认导出和导入 -默认导出和导入 -导出：export default {name,add} -导入：import 别名 from '../xx/' -组件的导入和注册 -导出组件对象 >当前组件中注册成局部组件-->当前组件中使用代码实现 # utils.js 阅读全文

posted @ 2024-08-15 02:02 silence^ 阅读(41) 评论(0) 推荐(0) 编辑

动态组件,插槽,vue项目创建,vue项目目录结构,vue开发规范,es6语法

摘要：Ⅰ 动态组件【一】基本使用【1】不使用动态组件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>动态组件</title> <script src="./js2/vue.js"></script> </he 阅读全文

posted @ 2024-08-13 21:32 silence^ 阅读(10) 评论(0) 推荐(0) 编辑

计算属性-监听属性,生命周期,组件,组件通信之父传子,组件通信之子传父,ref属性

摘要：Ⅰ 计算属性-监听属性【一】计算属性:computed # 1 本质是一个函数，但是当属性用计算属性是基于它们的依赖进行缓存的计算属性只有在它的相关依赖发生改变时才会重新求值计算属性就像Python中的property，可以把方法/函数伪装成属性 # 2 计算属性和普通函数的区别 -1 如果阅读全文

posted @ 2024-08-09 21:20 silence^ 阅读(5) 评论(0) 推荐(0) 编辑

js的各种循环，表单控制checkbox,radio，事件-按键修饰符，购物车案例加减，全选，v-model进阶-修饰符lazy,number,trim，ajax

摘要：Ⅰ js的各种循环 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3. 阅读全文

posted @ 2024-08-09 16:33 silence^ 阅读(22) 评论(0) 推荐(0) 编辑

轮换挑选图片,补充 es6的对象写法,uniapp使用,class和style,条件渲染,列表渲染,input 标签的事件,过滤案例,es6的箭头函数写法,数据双向绑定

摘要：Ⅰ 轮换挑选图片【一】方式一 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="./js2/vue.js"></script> </head> <body 阅读全文

posted @ 2024-08-08 21:24 silence^ 阅读(9) 评论(0) 推荐(0) 编辑

Vue初识,vue的插值语法,vue指令之文本指令,vue指令之事件指令, vue指令之属性指令

摘要：Ⅰ Vue初识【一】前端的发展史 # 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6、ES13)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 # 2 Aja 阅读全文

posted @ 2024-08-06 23:33 silence^ 阅读(14) 评论(0) 推荐(0) 编辑

zyb123

随笔分类 - Vue2-Vue3