![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
幻影七幻
程序猿
展开
-
vue bus 连个组件之间参数传递
vue中emit与emit与on和BUS bus: //vue原型链挂载总线 Vue.prototype.bus = new Vue(); //子组件发送数据 this.bus.$emit("change",data); //子组件接收数据 this.bus.$on("change",function(data){ }) emit与emit与on: var Event = new Vue(); 相当于又new了一个vue实例,Event中含有vue的全部方法; ...原创 2020-09-18 16:07:15 · 433 阅读 · 0 评论 -
vue 父子参数传递
定义子函数filmnav.vuehe 负函数film.vue 在film.vu中代码如下: <template> <div> <h3>演职人员</h3> <detailswiper pview="3" swipername="detail_actor"> // 通过 pview,swipername实现相同子函数传递不同参数 <div class="swiper-sl原创 2020-09-17 18:47:33 · 115 阅读 · 0 评论 -
vue 吸顶
使用vue实现吸顶功能,如下: 实现代码如下(film.vue): <template> <div> <!--<div>轮播组建</div>--> <!--<filmnav/>--> <!--ref绑定原生节点--> <fileswiper :key="datalist.length" ref="fileswi.原创 2020-09-17 18:33:49 · 209 阅读 · 0 评论 -
vue 路由守卫,局部守卫和全局守卫
局部守卫 在指定的vue文件中用beforeRouteEnter 函数if通过则next()通过else则不通过 <script> export default { // name: "center" // var value = true; // 局部路由守卫 beforeRouteEnter (to,from,next) { var x = 1; if(x ===原创 2020-09-14 15:31:05 · 1352 阅读 · 0 评论 -
vue动态路由
动态路由 实现通过页面传输数值参数 代码 如下: <template> <div> <div v-for="data in datalist" :key="data" @click="handleClick(data)"> {{data}} </div> </div> </template> <script> export default..原创 2020-09-11 16:02:23 · 107 阅读 · 0 评论 -
vue 路由和引入模块的区别
vue引进自己写的组建 首先在需要展示的vue文件中使用inport ... from ... 引入组建,在components中调用组建, 然后在template中用<filmnav/>引入到页面中 如下: <template> <div> <div>轮播组建</div> <filmnav/> <div><router-view/>..原创 2020-09-11 15:12:43 · 320 阅读 · 0 评论 -
vue重定向
vue重定向 在路由中(router.js)path修改为/ 或者*原创 2020-09-11 14:14:29 · 334 阅读 · 0 评论