随笔分类 -  Vue学习

Vue修改默认端口号
摘要：在vue项目中找到vue.config.js，如果没有该文件，可以在根目录中创建一个。然后，在该文件中添加以下代码： module.exports = { devServer: { port: 8888, // 修改为你想要的端口号 }, }; 然后重启vue程序即可。 阅读全文
posted @ 2023-04-02 16:27 万事胜意k 阅读(289) 评论(0) 推荐(0)
Vue项目安装插件
摘要：安装ElementUI npm install element-ui@2.15.3 安装Axios npm install axios 安装Vuex npm install vuex --save 阅读全文
posted @ 2023-04-02 13:51 万事胜意k 阅读(24) 评论(0) 推荐(0)
Vue项目-目录结构
摘要：vue项目的标准目录结构以及目录对应的解释如下图所示: 阅读全文
posted @ 2023-03-30 21:41 万事胜意k 阅读(21) 评论(0) 推荐(0)
Vue生命周期
摘要：vue的生命周期：指的是vue对象从创建到销毁的过程。vue的生命周期包含8个阶段：每触发一个生命周期事件，会自动执行一个生命周期方法，这些生命周期方法也被称为钩子方法。其完整的生命周期如下图所示： 状态 阶段周期 beforeCreate 创建前 created 创建后 beforeMount 挂 阅读全文
posted @ 2023-03-29 22:52 万事胜意k 阅读(36) 评论(0) 推荐(0)
Vue指令具体实现
摘要：v-bind： 指令 作用 v-bind 为HTML标签绑定属性值，如设置 href , css样式等 v-bind: 为HTML标签绑定属性值，如设置 href , css样式等。当vue对象中的数据模型发生变化时，标签的属性值会随之发生变化。 代码： <!DOCTYPE html> <html 阅读全文
posted @ 2023-03-29 22:25 万事胜意k 阅读(12) 评论(0) 推荐(0)
Vue指令
摘要：指令 作用 v-bind 为HTML标签绑定属性值，如设置 href , css样式等 v-model 在表单元素上创建双向数据绑定 v-on 为HTML标签绑定事件 v-if 条件性的渲染某元素，判定为true时渲染,否则不渲染 v-else v-else-if v-show 根据条件展示某元素， 阅读全文
posted @ 2023-03-29 21:57 万事胜意k 阅读(12) 评论(0) 推荐(0)