Vue项目开发:积累经验

£可爱£侵袭症+ 提交于 2019-12-28 04:26:45

前端开发页面

使用Vue开发页面
遇到环境配置问题:一系列包,需求,Vue的导入

遇到less文件导入问题:npm 安装所需依赖文件

遇到Iview组件使用问题:npm安装所需依赖文件,并且需要Package添加

遇到项目安装问题

遇到CSS排版布局问题:布局版面

遇到改变点击按钮改变DIV内容问题:使用router,路由,点击改变网址路由,改变组件内容,使用router-view

Vue框架的熟练使用:组件的开发

在这里插入图片描述
上述是运行时自动跑出的链接。在这里插入图片描述

实际链接在这里插入图片描述
需要将0.0.0.0改成localhost

在这里插入图片描述
引入CSS文件

使用iview组件的一些问题,注意使用组件时的一些作用域的问题,render函数中的作用域是上一级的。里头的变量,函数外不得调用。路由的熟悉~~,在配置路径时出现问题,需要格外注意拼写规范性。。。。

Iview图标使用问题,在render函数里添加Icon失效,询问后发现是版本问题~~

CSS调整样式方式

SVN上传更新文件,需要带钩子~

开发习惯,可以自行封装常用方法或者组件放在一个目录里,import方便使用,也可以自行封装Post方法使用

在使用其他组件的函数时,需要注意函数中更改数据的情况,this代表上下文,在不同组件代表不同对象

父子组件传值各有各的方法
子组件向父组件传值:
在这里插入图片描述

在这里插入图片描述
func为子组件发送的事件名,需要在后面加上发送的值,Register为函数
在这里插入图片描述
函数中调用收到的值(如上)

父组件调用子组件的值或者方法(主动获取):Model对话框
在这里插入图片描述
添加一个ref
在这里插入图片描述
在这里插入图片描述
使用一个函数触发,获取对象值和改变对象的值方法如上~

组件间的通信!!!!!!!!!!!!!!作用域都是相互独立

promise 前后端对接接口~需要用到promise方法,异步监听和回调,

request方式有多种,DELETE,PUT,POST,GET

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!