【vue入门】日志demo，增删改查的练习（无vuex版本）
2024-08-25 16:53:44
安装
1. 确定电脑已装node和npm
出现版本号则说明电脑已经安装好node和npm
2. 创建一个基于webpack的项目
3. 在项目里安装依赖
4. 运行
配置路由
为了动态渲染各个页面的组件，这个是必须的，这些都在router文件夹里的index.js配置好，在components文件夹在下面新建index.vue
1. 导入页面
2. 配置全局路径
Element-UI
使用element-ui编写页面样式，具体操作参照官网
1. 安装
2. 全局配置
找到main.js文件,引入官网提供的样式
页面
参考element-ui官网做出一些假数据写出index页
绑定table数据
1. 安装并全局导入axios（导入方式看官网）
axios 并不属于 vue的插件
框架与Http本身没有必然的归属性关系，是要实现了Http标准，都可以在任意框架中使用
想要使用this调用的话，可以绑定到vue.prototype上
2. 获取接口，绑定数据
新增日志数据【知识点：父子组件的传值】
1. 新建新增日志组件edit,并且在父组件里调用，edit页面内容forms快捷键自动生成
非空验证（详情看elementUi form表单验证） 
3.点添加，显示弹窗。
4. 在子组件里method里写新增方法submit()
新增事件：submit,取消事件：cancel-dialog一起传到父组件，在父组件里写方法操作
最新文章
- textarea 在浏览器中固定大小和禁止拖动
- git参考资料
- android 提高进程优先级 拍照永不崩溃（闪退）
- DIV CSS设计时IE6、IE7、FF 与兼容性有关的特性(转载的)
- JBoss7 局域网无法访问 解决方法
- javascript原型链简单的理解
- c++虚表的使用 通过虚表调用虚函数的演示代码
- Confluence5.1 最新版的安装&破解&汉化
- android SQLite使用SQLiteOpenHelper类对数据库进行增删查改
- 武汉科技大学ACM ：1008: 华科版C语言程序设计教程（第二版）习题6.14
- 给GridControl中的某列添加图片
- ML 激励函数 Activation Function （整理）
- Javascript 2.8
- 二、putty的下载安装和基本使用方法教程
- javascript面向对象精要第六章对象模式整理精要
- 【Hadoop学习之八】MapReduce开发
- BZOJ 5194--[Usaco2018 Feb]Snow Boots(STL)
- sql server 时间格式转换
- 附9 elasticsearch-curator + Linux定时任务
- Reboot server stuck at “Press ESC in 1 seconds to skip startup.nsh”