vue
gw依旧爱学习
这个作者很懒,什么都没留下…
展开
-
Vue单文件组件实现路由跳转
前期实现了以下两个功能:单文件组件实现添加删除列表单文件组件实现列表查询功能本文接着上述功能实现路由之间的跳转,效果如下Vue路由1、引入路由npm install vue-router --save2、基本概念2.1 route指一条路由,以对象的形式设定,在其中指定路由已经名称 等信息{ path: '/hello', name: 'HelloWorld',compo...原创 2020-04-25 22:15:15 · 1770 阅读 · 0 评论 -
Vue单文件组件实现列表查询
Vue单文件组件实现列表查询接上面构建的项目–使用Vue单文件组件添加删除列表进一步追加列表查询功能,界面如下:添加搜索框,实现根据输入字段对列表进行过滤功能功能实现1、在TopContent.vue中添加搜索框模板 <label> 搜索: <input type= 'text' class= 'form...原创 2020-04-24 22:49:50 · 2150 阅读 · 0 评论 -
使用Vue单文件组件添加删除列表
Vue单文件组件实现列表操作单文件组件创建一个Vue项目1、安装vue和vue-cli2、安装webpack和weback-cli3、新建项目4、运行项目Vue的项目结构实现思路1、TopContent.vue2、TableRow.vue3、MainContent.vue4、将MainContent组件引入到App.vue中5、保存运行npm run dev即可单文件组件单文件组件(.vue)...原创 2020-04-24 16:00:52 · 949 阅读 · 1 评论