vue的官方网站说,“你暂时不需要了解这些。。。“,我想既然你要用vue进行开发,如果你不完全理解它,你会发现你踩到的坑是由它在将来造成的。最好现在就吃。
主要从以下几个方面进行:
1。vue的生命周期是什么
2。项目中vue生命周期的执行顺序
3。vue中的内置方法和vue生命周期的运行顺序(方法、计算、数据、监视)
4。自建方法的运行顺序和vue生命周期,如图所示
5。总结
1。vue的生命周期是什么
vue的每个组件都是独立的,每个组件都有自己的生命周期。创建、初始化、装载、更新和销毁组件就是所谓的组件生命周期。在组件中,具体的方法有:
beforecreate
created
beforemount
mounted
(
beforeupdate
updated
]beforedrostroy
destroyed
对应的中文,就像字面意思一样,英文差的童鞋可以找翻译软件!谢谢您
vue是一个用于构建用户界面的渐进式框架。与其他大型框架不同,vue被设计成从下到上逐层应用。vue的核心库只关注可视层,它不仅易于使用,而且易于与第三方库或现有项目集成。另一方面,当与现代工具链和各种支持类库相结合时,vue还可以为复杂的单页应用程序提供驱动程序。
1.如果你在做pc应用程序,最好的选择是elementui。
npmielementui-s
最简单的ui编写方法:http://element-cn.eleme.io/#/zh-cn/组件/安装
2。对于appmobile应用程序,最好选择aui或ionic
文档:http:///doc/v/2/doc[id/1
aui2.0是一个全新的aui框架,它是在1的基础上重新构建的。十、在2.0中,rem全局控制大小,完全适应不同分辨率的移动设备;新增的主题样式表方便开发者自定义基本颜色样式,完成app主题的定制。从ios5.1到android4.2的完美兼容性。所以我认为它是一个很好的ui插件。
http.post
发送。当然,跨域请求需要同时配置。例如,我使用express4。十]在后台。默认地址为http://localhost:3000,则需要打开索引.js
文件,以这种方式在dev下配置axios主要.js
这样配置和这样的vue请求,express的后台可以接收post的数据。这是最简单的用法。好的,前台也会得到请求的数据
有很多编辑器/ide可以编写vue。我个人建议使用vscode来编写vue。就连vue的作者游玉喜也在微博上表示,他也使用vscode。
今天我们将讨论如何使用vscode开发vue。与大多数ide一样,vscode也有扩展和主题市场,包括大量插件。使用vscode开发vue必须安装多个功能强大的插件才能提高工作效率。例如,vscode下的vetur就是这样一个必要的vue开发工具。让我们从它的一些功能开始。
vetur支持语法高亮显示。vue文件。除了支持模板之外,它还支持大多数主流的前端开发脚本和插件,比如sass和typescript。支持突出显示的完整语法如下跟随:。语法高亮显示是所有ide的基本功能之一。编写没有语法突出显示的代码真的很不舒服。
默认情况下使用vetureslint插件vue@beta对于detect<template>,错误检测可以帮助我们在开发过程中发现错误编辑器.tabsize以及编辑器.insertspace对于html和css/scss/less格式,jsbeauty用于标准化,typescript“slanguage”用于js/ts格式,这些配置可以更改。有了自动格式化功能,在编写代码时可以减少花在格式化上的时间,并且可以把时间和精力放在代码本身上,大大提高了编写代码的效率。
加载和显示新数据在vue中是最简单的。只需向data:methods:{loadmore:function(){ajax方法(function(moredata){此.items.push(更多数据)}。bind(this))}另一个问题是如何触发loadmore。这里,就像你说的,滚动。因此,您需要监视scroll事件或使用其他滚动插件(如iscroll)在相应的回调中调用loadmore