摘要: 一、组件的三大组成部分(结构/样式/逻辑) 组件的三大组成部分 组件的样式冲突scoped 1、components目录下 components/BaseOne.vue 1 <template> 2 <div class="base-one"> 3 BaseOne 4 </div> 5 </temp 阅读全文
posted @ 2024-04-07 21:20 为你编程 阅读(34) 评论(0) 推荐(0) 编辑
摘要: 工程化开发 脚手架Vue CLI 基本介绍: Vue CLI 是 Vue 官方提供的一个全局命令工具。 可以帮助我们快速创建一个开发Vue 项目的标准化基础架子。【集成了webpack配置】 好处: 1. 开箱即用,零配置 2. 内置babel 等工具 3. 标准化 修改npm源: npm conf 阅读全文
posted @ 2024-04-07 20:04 为你编程 阅读(58) 评论(0) 推荐(1) 编辑
摘要: 生命周期 ① Vue 生命周期和生命周期的四个阶段 ② Vue 生命周期函数(钩子函数) 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatibl 阅读全文
posted @ 2024-04-07 19:23 为你编程 阅读(18) 评论(0) 推荐(0) 编辑
摘要: 一、computed 计算属性 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta 阅读全文
posted @ 2024-04-07 15:23 为你编程 阅读(20) 评论(0) 推荐(0) 编辑
摘要: Vue 指令 ① v-html 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta 阅读全文
posted @ 2024-04-07 15:21 为你编程 阅读(42) 评论(0) 推荐(0) 编辑
摘要: ① 概念 VUE官网:https://cn.vuejs.org/ ② 创建Vue实例 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" 阅读全文
posted @ 2024-04-07 14:54 为你编程 阅读(17) 评论(0) 推荐(0) 编辑