vue工作流程

2023-04-08 16:59:22 来源:网络

vue工作流程

vue签到项目流程笔记

访问时项目整体流程:

其中 app 里的 data 储存着主容器的各种变量, methods 封装了各种方法

组件即将被初始化时自动调用 beforeCompile 方法

其中的方法主要是用于初始化手机页面的设置,以及检验是否登录,在客户端还是浏览器登录

之后会执行 (autoLogin) -> ajaxList -> setRouter -> routerConfig(this) //这里的 this 是 app

其中 routerConfig 来自上面的 import

当 url 接收到 #/index 时,触发 router.js 上面定义的 config 对象里面封装的方法

新建时开发流程:

来做一个test试试看

首先进入工作目录 D:\Work\TCW\8.Web\TCWireless.Touch.Deal.Web\Script\MemberSign

然后打开配置好的webpack的.bat文件 npm_run_build.bat

(如果不能运行,请注意 node model )

然后运行.bat文件 npm_run_build.bat

需要页面间穿参数时可以用url,后面加 /: ,如:

意思是当别人访问/test时,触发上面config对象里面的test函数

然后我们在config对象里面添加一个test函数

require('test') 要调用 test.vue 文件了嘛,所以我们开始写 test.vue