摘要：
好家伙， 1.组件之间的样式冲突 默认情况下，写在.vue组件中的样式会全局生效，因此很容易造成多个组件之间的样式冲突问题。 举个例子: 我们在Left.vue的组件中添加样式 <template> <div> <h1>我是Right组件</h1> <HelloWorld :init="10"/> 阅读全文
摘要：
好家伙， 1.组件的props props是组件的自定义属性，在封装通用组件的时候，合理的使用props可以极大的提高组件的复用性 来假设一下,如果我们需要两个组件分别显示不同的值 目录结构如下: HelloWorld.vue中, <div> <h2>我的init值为{{ init }}</h2> 阅读全文
摘要：
好家伙, 这是一个"标签闭合"插件 Auto Close Tag的安装: 来到VScode的拓展 安装后, 在其中输入一个左标签符号"<",随后会出现提示 嗯,搞定,简单实用 阅读全文
摘要：
好家伙， 1.组件的父子关系 我们封装三个组件，分别为left组件，right组件和App组件 在封装时： 在封装时，彼此的关系是独立的，并不存在父子关系 在使用时： 在使用时，根据彼此的嵌套关系，形成了父子关系，兄弟关系 2.组件的私有注册 组件使用的三个步骤 在App.vue文件中写入 <tem 阅读全文
摘要：
好家伙, 1.vue的组件化开发 1.1.什么是组件? 组件是对UI结构的复用, vue是一个支持组件化开发的前端框架, vue中规定:组件的后缀名是.vue 例如:App.vue文件本质上就是一个vue组件 2.vue组件的三个组成部分 每个.vue组件都由3部分构成，分别是： template— 阅读全文
摘要：
好家伙， 1.vue的目录结构分析 来看看项目的目录 (粗略的大概的解释) 2.vue项目的运行流程 在工程化项目中，vue要做的事情很单纯：通过main.js把App.vue渲染到index.html的指定区域中, 先来看看html文件: <!DOCTYPE html> <html lang="" 阅读全文
摘要：
好家伙，之前只是一股脑得用,连里面的可选配置项都不清楚,今天来把它搞清楚 1.单页面应用 1.1.什么是单页面应用程序 单页面应用程序（英文名： Single Page Application）简称SPA，顾名思义， 指的是一个Web网站中只有唯一的一个HTML页面，所有的功能与交互都在这唯一的一个 阅读全文
摘要：
好家伙， 1.什么是计算属性？ 首先它是一种属性，其次他有计算这个特殊的性质， 它是一个依赖于其他属性的属性，当依赖的属性发生变化的时候就会触发我们计算属性的逻辑 它会对这个属性进行计算， 所以说它是能够在里面写一些计算逻辑的属性， 所以它叫计算属性（好绕） 2.为什么是计算属性？ 在模板中放入太多 阅读全文
摘要：
好家伙，哇吃侦听器 1.watch侦听器 watch侦听器允许开发者监视数据的变化，从而针对数据的变化做特定的操作 1.1.侦听器的基本用法 <body> <div id="app"> <input type="text" v-model="username"> </div> <script src 阅读全文
摘要：
好家伙， 过滤器，vue3取消了，只有vue2能用 1.过滤器 过滤器（Filters）是vue为开发者提供的功能，常用于文本的格式化。 过滤器可以用在两个地方：插值表达式和v—bind属性绑定。 过滤器应该被添加在JavaScript表达式的尾部，由“管道符”进行调用，("|"我愿称其为竖杠) 示 阅读全文