Vue的生命周期。简单生成vue实例模板的方法

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 （还真是磨磨唧唧的）