- 博客(8)
- 资源 (4)
- 收藏
- 关注
原创 vue非父子组件的传值操作(中间件bus的使用)
非父子组件通信有两种vuex和bus.js因为vuex杀鸡不用牛刀,下面咱讲下使用 bus.js 实现非父子组件通讯:假设在工作中,有三个 .vue 文件:main.vue、Hello.vue、Hi.vue。main.vue 是主页面,Hello.vue 和 Hi.vue 类似于头部导航条和底部导航栏。现在Hi.vue 需要获取 Hello.vue 传递的信息。操作步骤如下:1.main....
2019-04-22 16:47:45 991
原创 vue-router路由管理器的使用
vue-router路由管理器的使用1.什么是router(路由)?这里的路由并不是指我们平时所说的硬件路由器,在vue里是指单页应用的路径管理器,再通俗点来说,vue-router就是我们WebApp的链接路径管理系统。有的小伙伴会有疑虑,为什么我们不能像原来一样直接用标签编写链接哪?因为我们用Vue作的都是单页应用,就相当于只有一个主的index.html页面,所以你写的标签是不起作用的...
2019-04-20 00:45:28 2549
原创 总结component和components,routes和route,router,$route和$router出现的场景
PS:总结component和components,routes和router出现场景:1.component(单数):a.在路由规则里出现过;b.在内置标签也出现过;c.全局组件注册也出现过;2.components(复数):a.组件文件夹里出现过;b.局部注册时出现过;3.routes(路由规则):a.写路由配置出现过;4.router(路由对象):a.router文件夹...
2019-04-20 00:27:09 8390 3
原创 vue子→父组件的$emit传值操作
父到子传值过程:在子组件son里定义一个方法,在这个方法里添加this.$emit()方法,这个方法有两个参数,第一个是string类型的自定义事件名,第二个是要传递的值,然后回到父组件模板的子组件名里用v-on绑定子组件写的自定义事件,对应的值就写父组件的方法say也可以写成say(美元event),在父组件的方法里接收这个参数,执行自己的逻辑操作即可....
2019-04-19 09:56:42 1429
原创 ES6语法总结
一.环境搭建(这个环境自动编译es6语法,并且页面自动会刷新)1.执行下面三条命名(采用的是ssh安装)git clone [email protected]:huanggengzhong/es6-webpack.gitcnpm icnpm i webpack -gcnpm i webpack-dev-server -gnpm start安装成功后,自动会打开如下页面:测试es6模块语...
2019-04-08 22:24:53 419
原创 vue学习总结七(做后台管理系统5-1)
一.准备项目.1.将 API Server 部署到本地1. 创建一个名为 itcast 的数据库2. 将 itcast.sql 导入 itcast 数据库中,开启数据库3. 解压 api-server.zip4. 运行解压包里的bat,运行后自动会出来黑窗,5. 测试接口可以用postMan即可如下图则成功2.创建仓库,并上传到远程,命令如下-f是强行的意思.二.开始项...
2019-04-02 09:55:49 357
原创 vue学习总结九(做后台管理系统5-3,未完继续)
ps:component与components用法?一.开始角色管理页面1.新建一个roles.vue组件;2.在路由里面写对应关系;3.把user.vue页面的页面复制一份进行修改即可;二.promise的用法三.使用async和await让代码同步执行1.使用方法:四.roles.vue逻辑1.渲染页面逻辑代码:<script>export default...
2019-04-01 23:25:10 224
原创 vue学习总结八(做后台管理系统5-2)
一.导航守卫的使用,实现登录判断1.首先,去main.vue里面把判断token的beforeCreate生命周期函数去掉,因为我们要在router.js路由里用导航守卫去代替:二.主页开始1.布局:使用element-ui2.逻辑开始...
2019-04-01 23:25:04 321
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人