php后端写vue前端的笔记
文章平均质量分 77
记录phper到vuer的学习之路,maker一些小技巧,和注意事项
东方宏
一个吃胖了的瘦子
展开
-
vue router 高级使用--笔记5
1:可以给每条路由项增加meta信息,用来注入一些自定义的额外信息。可以通过$route 对象或者导航守卫中的路由对象的matched属性来访问,该属性是个数组,可以进行遍历。如此便可对匹配到的路由进行相关处理了。注意,若子路由未匹配到,则父路由<router-view>处,无展示,可通过匹配空子路由渲染指定组件。2:支持对路由变化使用过渡特效,组件激活和失活时触发。通过使用<transition>组件。(一)给所有路由设置一样的过渡效果。(二) 给.原创 2022-03-23 09:30:25 · 279 阅读 · 0 评论 -
vue router 高级使用之导航守卫---笔记4
1:概念解析说明导航:表示路由正在发生改变。导航守卫:主要用来通过跳转或取消的方式守卫导航。并且有多种方式介入路由导航过程(路由发生变化时)中:全局的, 单个路由独享的, 或者组件级的。注意:参数或查询的改变并不会触发进入/离开的导航守卫。你可以通过观察$route对象来应对这些变化,或使用 beforeRouteUpdate 的组件内守卫。2:导航守卫的介入方式使用 router.beforeEach 注册一个全局前置守卫。通过路由实例调用beforeEach方法,这样注册的全部路由信原创 2022-03-22 11:17:39 · 891 阅读 · 0 评论 -
vue router使用--笔记三
1:安装2:引入使用步骤在挂载点内,使用<router-link>和<router-view>两个标签实现链接和展示。其中to的参数,来源于vuex中对路由的定义。每个路由对应一个组件。组件可以直接使用组件定义对象,也可以通过import引入组件的定义文件进而形成组件对象。注意若像下面使用template方式定义组件的化,需要配置使用vue的compiler,不然会包runtime错误。如此,我们可以在任何组件内通过this.$router访问路由器...原创 2022-03-21 19:14:30 · 1461 阅读 · 0 评论 -
vuex的初次使用--笔记2
1:安装答:如果你通过vue_cli脚手架工具创建项目的化,一般都会选择安装了vuex。如果没有安装的过的话,可以使用在自己的项目的根目录中使用如下的命令进行安装 ,另外可以通过@指定版本号2:使用答:通过如下代码,即可将vuex和vue结合起来。这样以后使用new vue生成的vue实例中就可以接纳vuex的实例了,要问问什么,问就是,Vuex 通过store选项,提供了一种机制将状态从根组件“注入”到每一个子组件中,避免在需要使用 state 的组件中需要频繁地导入。另外vuex是v..原创 2022-03-21 09:11:54 · 231 阅读 · 0 评论 -
js模块化系统--笔记1
问:export与export default的区别?答:对外暴露的元素,也就是允许其他文件通过import方式导入的元素。注意:export与export default均可用于导出常量、函数、文件、模块等。在一个文件或模块中,export 、import可以有多个,export default仅有一个。export能直接导出变量表达式,export default不行。问: 以上两种方式的区别?答:通过export方式导出,在导入时要加{ },export defau...原创 2022-03-11 18:00:20 · 1239 阅读 · 0 评论