2020-8-14 11:46:37
我不好我检讨,我又屑了两个小时(
继续学习吧。
Vue生命周期
生命周期这个词真的太常见了。
从代码来看
变量、函数、方法、对象,都会有生命周期。
生命周期就是从元素在内存中申请空间占用后,直到元素释放空间为止的这段时间。
在vue实例创建后,我们在vue生命周期内能干什么?
上图可以看到红色的框中,有一些函数名比如beforeCreate、created。这是vue里实现的一些函数,在vue生命周期内的某个阶段会自动执行。它的使用方式如下
const app = new Vue({
el:"app",
data:{
},
created: function(){
//这就是个Vue提供的生命周期阶段性函数。是option之一
//在官网的API里这些函数叫作生命周期钩子!
},
});
这些钩子能干什么呢?
举个栗子!
可以用beforeCreate或者created在页面加载前后向服务器申请数据!
mounted可以在元素更新操作时调用来处理一些逻辑代码!
以后会很常用的!这张图很有用哦ww.
模板
对了,你是否觉得每次new Vue对象重写选项都很麻烦?我们使用模板吧!(PS:我在学VUE的时候选择使用vscode来学习,所以这里以vscode为例)
新建一个用户模板的方法为
菜单栏
文件 File ->首选项 Preferences -> 用户片段 User snippets.然后会出现这样的框框
我装了汉化,所以是这样的↓
显而易见,可以选择相应的语言来创建模板。注意:不止这么点哦,动动你的鼠标滚轮,你会发现有更多选项。里面有js和vue!(没有吗?可能我装的某个插件里有这部分,你可以选择安装插件来提供这部分功能!)
打开后会看到模板的提示哦
简单理解…嗯,懂了!
这样!
保存!
然后!新建vue文件(PS:我也是到此才知道vue有单独后缀)
打上你的自定义语句!(prefix里写的)
回车!
nice!
emmm话说我是不是应该给vue单独一个文件夹了?占着js的文件夹不太好吧www.
标题也不好写太长,自己不好看,文档太长也不好找。换新文档!接着写。
2020-8-14 12:55:50 (还真是磨磨唧唧的)