Vue
记录Vue学习
_曹家三少
这个作者很懒,什么都没留下…
展开
-
Vue路由编程式导航
文章目录路由的编程式导航路由的编程式导航编程式传参:name要与params对应path要与query对应取值:this.route.query.id和this.route.query.id和this.route.query.id和this.route.params.id参考:https://www.cnblogs.com/mtxg/p/11275896.html<!DOCTYPE html><html lang="en"><head>原创 2020-06-19 18:24:48 · 149 阅读 · 0 评论 -
Vue路由,路由传参,嵌套路由
文章目录Vue路由路由的基本使用第一步:创建组件第二步:创建Router第三步:添加动画路由传参路由嵌套Vue路由参考文档:https://www.cnblogs.com/avon/p/5943008.htmlvue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来路由的基本使用[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-fmrC4CUU-1592221876236)(en-resource://database/632:1)]第一原创 2020-06-15 19:52:05 · 120 阅读 · 0 评论 -
Vue组件,父组件与子组件交互
文章目录Vue组件简介使用组件使用Vue.extend来使用组件不使用extend组件的组件使用全局注册组件中的data()与methods()私有组件组件的切换父组件向子组件传递值父组件向子组件传递方法父组件调用子组件的方法Vue组件详细文档:https://cn.vuejs.org/v2/guide/components-registration.html简介组件:可以将模块进行一个拆分,不同的组件负责不同的功能模块模块化:模块化是从代码角度去分析,方便分层开发,保证每个模块职责单一组原创 2020-06-11 10:22:07 · 227 阅读 · 0 评论 -
Vue结合layui综合练习增删改查
综合练习<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格</title> <script src="lib/vue-2.4.0.js"></script> <link rel="stylesheet" href="layui/css/layui.css"></hea原创 2020-06-10 11:31:40 · 305 阅读 · 0 评论 -
Vue常用指令
文章目录Vue常用指令v-if,v-show指令v-if 例子v-show例子v-for指令例子v-text,v-html,v-clock指令例子页面展示v-bind,v-on指令例子v-model指令Vue常用指令vue.js官方给自己的定为是数据模板引擎,并给出了一套渲染数据的指令.v-ifv-showv-forv-textv-htmlv-clockv-bindv-onv-modelv-if,v-show指令v-if = “expression” : 根据表达式的真假原创 2020-06-10 10:49:05 · 1839 阅读 · 1 评论