内容乃本人学习Vue2源码的一点笔记,若有错误还望指正。源码版本:vue:2.6vue-loader:13.xvue-template-compiler:2.6之前的相关学习笔记:应用初始化大致流程数据响应式改造众所周知,Vue的脚手架项目是通过编写.vue文件来对应vue里组件,然后.vue文件是通过vue-loader来解析的,下面是我学习组件渲染过程和模板解析中的一些笔记。Vue实例挂载方法$mount一个普通vue应用的初始化:importVuefrom"vue";importAppfrom"./App.vue";Vue.config.productionTip=false;newVu
内容乃本人学习Vue2源码的一点笔记,若有错误还望指正。源码版本:vue:2.6vue-loader:13.xvue-template-compiler:2.6之前的相关学习笔记:应用初始化大致流程数据响应式改造众所周知,Vue的脚手架项目是通过编写.vue文件来对应vue里组件,然后.vue文件是通过vue-loader来解析的,下面是我学习组件渲染过程和模板解析中的一些笔记。Vue实例挂载方法$mount一个普通vue应用的初始化:importVuefrom"vue";importAppfrom"./App.vue";Vue.config.productionTip=false;newVu
需求:el-form每行显示两列,底部按钮居中问题:以前的解决办法是:el-col,el-row。但是这里只有一个el-form-item的label数据是已知的,其余项都是循环得到的,数量不固定,因此不能采用el-col方式。尝试尝试过item左浮动,flex,底部定位,都无法解决。解决办法el-form添加inline属性,给每个item设置宽度;给底部按钮flex布局。参考链接http://t.csdn.cn/nrQ0C思考说明el-form本身是block块级元素;对flex和定位的详细内容不是很熟悉,比如flex:1
有时候在前后端联调接口时,后端会要求传递入参为formData格式如下图入参要求是传递fromData格式+当前时间戳,具体实现如下首先先模拟一个普通接口constgetGroupData=(data)=>{returnrequest({url:'rest/report/queryBatchCollateFund.do',method:'POST',data:data})}使用formData传参格式时需添加请求头,添加后如下,如需加上时间戳在配置params即可constgetGroupData=(data)=>{returnrequest({url:'rest/report/queryBa
需求:el-form每行显示两列,底部按钮居中问题:以前的解决办法是:el-col,el-row。但是这里只有一个el-form-item的label数据是已知的,其余项都是循环得到的,数量不固定,因此不能采用el-col方式。尝试尝试过item左浮动,flex,底部定位,都无法解决。解决办法el-form添加inline属性,给每个item设置宽度;给底部按钮flex布局。参考链接http://t.csdn.cn/nrQ0C思考说明el-form本身是block块级元素;对flex和定位的详细内容不是很熟悉,比如flex:1
有时候在前后端联调接口时,后端会要求传递入参为formData格式如下图入参要求是传递fromData格式+当前时间戳,具体实现如下首先先模拟一个普通接口constgetGroupData=(data)=>{returnrequest({url:'rest/report/queryBatchCollateFund.do',method:'POST',data:data})}使用formData传参格式时需添加请求头,添加后如下,如需加上时间戳在配置params即可constgetGroupData=(data)=>{returnrequest({url:'rest/report/queryBa
目录网页伪静态1.什么是伪静态网页?2.伪静态的好处3.实现伪静态网页视图层1.三板斧2.三板斧的本质Django视图层函数必须要返回一个HttpResponse对象研究底层源码3.视图函数返回json格式数据JsonResponseJsonResponse序列化(列表注意事项)json与pickle区别4.FBV与CBV1.FBV与CBV区别2.CBV3.CBV底层源码form表单如何携带数据文件模板层1.模板语法的传值2.模板语法传值的范围3.模板语法过滤器(类似于python内置函数)1.模板语法过滤器2.基本语法3.过滤器内置方法4.模板语法标签(类似于python流程控制)1.if判
目录网页伪静态1.什么是伪静态网页?2.伪静态的好处3.实现伪静态网页视图层1.三板斧2.三板斧的本质Django视图层函数必须要返回一个HttpResponse对象研究底层源码3.视图函数返回json格式数据JsonResponseJsonResponse序列化(列表注意事项)json与pickle区别4.FBV与CBV1.FBV与CBV区别2.CBV3.CBV底层源码form表单如何携带数据文件模板层1.模板语法的传值2.模板语法传值的范围3.模板语法过滤器(类似于python内置函数)1.模板语法过滤器2.基本语法3.过滤器内置方法4.模板语法标签(类似于python流程控制)1.if判
今天npmrundev的时候,有个页面报错,提示[Vuewarn]:Failedtomountcomponent:templateorrenderfunctionnotdefined.昨天还好好的,今天就报错了,也没改啥。经过查资料,反复查证回想改了什么,发现是因为昨天在在哪个页面组件目录(src\views\组件目录)里面新建了个index.js,so,现在这个组件目录下有一个index.vue和index.js,导致路由配置表里面引入组件的时候引入到了index.js没有引入到组件导致报错。路由表配置:component:()=>import('@/views/subfile/index'
今天npmrundev的时候,有个页面报错,提示[Vuewarn]:Failedtomountcomponent:templateorrenderfunctionnotdefined.昨天还好好的,今天就报错了,也没改啥。经过查资料,反复查证回想改了什么,发现是因为昨天在在哪个页面组件目录(src\views\组件目录)里面新建了个index.js,so,现在这个组件目录下有一个index.vue和index.js,导致路由配置表里面引入组件的时候引入到了index.js没有引入到组件导致报错。路由表配置:component:()=>import('@/views/subfile/index'