如何理解Vue的生命周期函数(生命周期钩子)

理解Vue生命周期的概念有助于我们在不同阶段执行不同的程序和操作。 Vue的生命周期图示 比如,通过axios请求到数据放在created函数中比放在mounted函数中更合适。 来自B站up主编程不良人的VUE课程 具体可以通过下方示例中的注释实际体会上述各个生命周期对数据加载和处理的不同。 <body> <div id="app">{{msg}}</div> <script src="https://cdn.jsdelivr.net/npm/vue/...

read more..

在Vue项目中使用Element UI

最近在学习vue项目开发的过程中,接触到了Element UI,这是一个由饿了么团队开发的UI框架。首先是安装框架: npm i element-ui -S 等待安装完成即可。然后是引入 Element UI,支持完整引入和按需引入。完整引入需要在项目的main.js文件中添加如下内容中标记了🔺的行: import Vue from 'vue'; import ElementUI from 'element-ui';//🔺 import 'element-ui/lib/theme-chalk/index.css';//🔺 import ...

read more..

vue.js项目中vue文件的格式规范

昨天开始了一门关于vue的课程,通过实际开发案例来介绍使用vue脚手架开发前端项目。一个标准的vue文件,应该包含以下内容: <template> <div><!---🔺必须有父元素div或者其他的例如section等等---> <!---内容区---> </div> </template> <script> export default { name:"xxxTemplate", componets:{}, data(){ return{} ...

read more..