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

理解Vue生命周期的概念有助于我们在不同阶段执行不同的程序和操作。 Vue的生命周期图示 <body> <div id="app">{{msg}}</div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> const app = new Vue({ el: '#app', data: { msg: 'hello world!', }, methods...

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..