- 博客(10)
- 资源 (1)
- 收藏
- 关注
原创 Vue项目的基本项目结构
node_modules: 项目开用到的包public:src: api: 同意调用后端接口的文件 assets: 放置公共资源 components: 放置vue公共组件 router: 放置vue路由配置文件 store: 放置vuex的配置文件 views: 放置路由跳转的页面 App.vue: 页面入口文件 main.js 程序入口文件,加载各种公共组件babel.config.js: ES6语法编译配置package.json
2021-12-07 14:58:41
486
原创 Vue 组件化开在项目中应用说明
父传子1 父组件通过属性的方式给子组件传值 在data里定义变量,在methods里的方法里获取数据,将数据给到data里的变量,再v-bind 的指令将父组件的data里拿到的数据绑定到子组件上2. 子组件使用props接受父组件传递的属性 子组件props中接受的属性参数只需要给其定义好数据类型,然后直接在模板中使用即可!子传父1 子组件通过this.emit()的自定义事件方式将值传递给父组件this.emit()的自定义事件方式将值传递给父组件this.emit(
2021-11-25 10:11:00
482
1
原创 原生js 实现todolist
html<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <
2021-11-19 09:45:29
310
原创 Vue组件化实现 todolist
html部分<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" type="text/css" href="css/todolist.css"/> </head> <body> <div id="app">
2021-11-17 20:12:29
189
原创 Vue2实现todolist
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
2021-11-15 22:40:40
794
1
原创 js字符串操作总结
1 字符串转换第一种方法 var num=24;var mystr=num.toString(); //“24”第二种方法 var num=24;var mystr=String(num); //“24”第三种方法 var num=24;var mystr="" + num;2 字符串分割将字符串进行拆分返回一个新的数组,JavaScript就给我们提供了一个非常方便的函数:var mystr=“qingchenghuwoguoxiansheng,woaishenghuo
2021-10-10 13:53:29
131
原创 js实现密码的显示和隐藏
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box{ width: 400px; border-bottom: 1px solid #FF0000; margin: 100px auto; position: relative;
2021-10-08 13:50:01
139
原创 js实现选项卡功能
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <style type="text/css"> * { margin: 0; padding: 0; } ul { width: 800px; height: 40px; background-color
2021-10-08 13:45:11
66
原创 js实现留言板的发布与删除
js实现留言板的发布与删除<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> li { background-color: coral; } li a { float: right; } </style> </
2021-10-08 13:42:04
293
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人