vue
文章平均质量分 57
bubbleJessica
这个作者很懒,什么都没留下…
展开
-
Vue-Router相关理解4
从/home跳转到/about前触发beforeRouteEnter,从/about跳转到/test前触发beforeRouteLeave。第三步:打开npmjs.com网站搜索connect-history-api-fallback。第一步:npm init出现package name:atguigu_test_server。是路由组件所独有的两个钩子,用于捕获路由组件的激活状态具体使用。项目打包npm run build。第二步:npm i express。原创 2023-07-18 15:38:25 · 590 阅读 · 0 评论 -
Vue-Router相关理解3
【代码】Vue-Router相关理解3。原创 2023-07-17 18:04:31 · 378 阅读 · 0 评论 -
Vue Router相关理解2
作用:可以简化路由的跳转。原创 2023-07-17 17:06:30 · 361 阅读 · 0 评论 -
Vue Router相关理解
vue-router是vue的一个插件库,专门用来实现应用。原创 2023-07-17 14:49:03 · 267 阅读 · 0 评论 -
模块化+命名空间
2.修改src/store/index.js为了解决不同模块命名冲突的问题,将不同模块的namespaced:true,之后在不同页面中引入getter actions mutations state,需要加上所属的模块名。1.目的:为了让代码更好维护,让多种数据分类更加明确。4.开启命名空间后,组件中读取getters数据。5.开启命名空间后,组件中调用dispatch。3.开启命名空间后,组件中读取state数据。6.开启命名空间后,组件中调用commit。原创 2023-07-16 18:18:22 · 164 阅读 · 0 评论 -
理解Vuex
3.mapMutations方法:用于帮助生成与mutations对话的方法。2.mapGetters方法:用于帮助映射getters中的数据为计算属性。管理的一个Vue插件,对Vue应用中多个组件的共享状态进行集中式的管理。4.mapActions方法:用于帮助生成与actions对话的方法。1.mapState方法:用于帮助映射State中的数据为计算属性。,也是一种组件间通信的方式,且适用于任意组件间通信。该文件用于创建Vuex中最为核心的store。中创建vm时传入store配置项。原创 2023-07-16 16:09:26 · 118 阅读 · 0 评论 -
Vue插槽
解构赋值{games}解释:let {games}={'games':[数据]} ,这样直接用games就相当于数据。总结:插槽的使用者往插槽里面塞东西,但是作用域插槽,有一种感觉数据流逆着过去了。原创 2023-07-12 22:02:43 · 206 阅读 · 0 评论 -
github搜索案例
注意:这里使用vue-resource插件,所以要安装npm i vue-resource(不推荐使用)原创 2023-07-12 16:33:12 · 884 阅读 · 0 评论 -
Vue配置代理
【代码】Vue配置代理。原创 2023-07-11 15:57:53 · 247 阅读 · 0 评论 -
Vue封装的过渡与动画
如果在<transition name="hello"></transition>标签添加name属性,那么css属性名生效就得这样写。,没有name属性就直接。原创 2023-07-11 15:07:17 · 173 阅读 · 0 评论 -
Todo-List案例版本五
【代码】Todo-List案例版本四。原创 2023-07-10 16:54:39 · 975 阅读 · 0 评论 -
Todo-List案例版本四
a.接收数据:A组件想接收数据,则在A组件中给$bus绑定自定义事件,事件的回调留在A组件自身。b.提供数据:this.$bus.$emit('xxx',data)原创 2023-07-10 14:03:26 · 444 阅读 · 0 评论 -
使用Vue脚手架2
查看版本npm view webpack versions。时,这些选项将以恰当的方式进行“合并”,在发生冲突时以。注意:当props中与当前组件配置同名时,2.同名生命周期函数将合并为一个数组,props中的配置优先级高于当前组件。将在自身生命周期函数。原创 2023-07-06 16:13:56 · 483 阅读 · 0 评论 -
使用Vue脚手架
因为vue.runtime.xxx.js没有模板解析器,所以不能使用template配置项,需要使用render函数接收到的createElement函数去指定具体内容。这里引用的vue是vue.runtime.esm.js,不是完整版的,所以不能渲染template配置项,需要使用 render 配合,(2).vue.runtime.xxx.js是运行版的Vue,只包含:核心功能;使用vue.runtime.xxx.js好处:就能使得不用引用完整版的vue,省空间。可以查看到Vue脚手架的默认配置。原创 2023-07-05 21:56:10 · 1060 阅读 · 0 评论 -
组件的自定义事件
总结:解绑所有自定义事件,然后组件本身的add()还是会生效的。原创 2023-07-09 14:29:29 · 345 阅读 · 0 评论 -
Todo-List案例版本一
【代码】Todo-List案例版本一。原创 2023-07-08 16:16:30 · 709 阅读 · 0 评论 -
Todo-List案例版本二
引入了localStorage,让案例更加完善。原创 2023-07-08 16:56:01 · 1398 阅读 · 0 评论 -
Todo-List案例版本三
【代码】Todo-List案例版本三。原创 2023-07-09 14:49:18 · 888 阅读 · 0 评论