04 2021 档案
摘要：构建之法是一本软件工程的必读书，他对我带来的感悟非常大。 没读这本书之前，以为这本书中都是一些大道理，然而这本书运用生动幽默的语言去打动读者，作者将自己的感触和对于软件工程的理解写到书本上，更加能够帮助我们理解这本书和软件工程。，并不太懂软件工程的概念，只是认为软件的核心的就是代码，那么软件工程的核
阅读全文
摘要：编译的作用域 前面说过组件都有自己的作用域，自己组件的作用在自己组件内。 ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev
阅读全文
摘要：slot-插槽的基本使用 我们在使用组件的时候有时候希望，在组件内部定制化内容 组件的思想是可以复用的，把这个导航栏看做一个组件。 这个组件都可以分成三个部分，左边中间右边，如果可以分割组件，就可以定制化组件内容了。 ```html <!-- 父组件 --> <div id="app"> <cp
阅读全文
摘要：父组件如何向子组件传递数据？使用`props`属性。 > 使用组件的`props`属性 ```javascript const cpn = { template: "#cpn", props: { cmessage: { type: String, default: 'zzzzz', require
阅读全文
摘要：存放问题 前面说过vue组件就是一个vue实例，相应的vue组件也有`data`属性来存放数据。 ```html <div id="app"> <cpn1></cpn1> </div> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/di
阅读全文
摘要：组件模板的分离写法 ### script标签 使用`script`标签定义组件的模板，`script`标签注意类型是`text/x-template`。 ```html <!-- 1.script标签注意类型是text/x-template --> <script type="text/x-te
阅读全文
摘要：全局组件和局部组件 组件的注册方式有两种，一种是全局组件一种是局部组件。 ```html <div id="app"> <h2>全局组件</h2> <my-cpn></my-cpn> <h2>局部组件</h2> <cpnc></cpnc> </div> <script src="https://
阅读全文
摘要：简单的组件示例 ```html <div id="app"> <!-- 3.使用组件 --> <my-cpn></my-cpn> <my-cpn></my-cpn> <my-cpn></my-cpn> <cpnc></cpnc> </div> <script src="https://cdn.jsd
阅读全文
摘要：就我个人而言，在我还没读《构建之法》这本书之前，我还不知道我平常在写代码中犯了这么多的错误，虽然这些错误都是一些小错误，并不影响代码的执行，但是看了《构建之法》这本书之后，才忽然明白原来一些小错误也会造成大的问题。首先，在第一章中我大致了解了我可以在书中学到什么，如何落实学习。1.1节通过三个简短的
阅读全文
摘要：```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht
阅读全文
摘要： radio单选框的`name`属性是互斥的，如果使用v-model，可以不使用`name`就可以互斥。 ```html <div id="app"> <!-- name属性radio互斥 使用v-model可以不用name就可以互斥 --> <label for="male"> <input t
阅读全文
摘要：v-model <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht
阅读全文
摘要：index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> {{message}} <ul> <li v-for="item in
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <!-- v-if为false时，dom从内存中删除--> <span
阅读全文
摘要：### 一、计算属性 #### 1.1计算属性的本质 - fullName:{set(),get()},默认get() #### 1.2计算属性和methos对比 - 计算属性在多次使用时，只会调用一次，有缓存的 ### 二、事件监听 #### 2.1事件监听的基本使用 #### 2.2参数问题 -
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <span v-if="isUser"> <!-- 虚拟dom默认复用，
阅读全文
摘要：v-if <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h2 v-if="isShow"> <div>asxaass
阅读全文
摘要：参数问题 <!DOCTYPE HTML> <HTML> <head> <meta charset="UTF-8"/> <title></title> </head> <body> <div id="app"> </h2> <!-- 事件调用没有参数--> <button @click="btnCli
阅读全文
摘要：<!DOCTYPE HTML> <HTML> <head> <title></title> </head> <body> <div id="app"> <h2>{{counter}} </h2> <!-- v-on:=@ v-bind=:--> <button v-on:click="counter
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script src="../vue.js"></script> <div id="#app"> <
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script src="../vue.js"></script> <div id="app"> <h
阅读全文
摘要：对象语法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script src="../vue.js"></script> <div id="app
阅读全文
摘要：对象语法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .active{ color: silver; } </style> </head> <body> <sc
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script src="../vue.js"></script> <div id="app"> <!
阅读全文
摘要：mustache语法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../vue.js"/> </head> <div id="app"> <h2>{{
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../vue.js"></script> </head> <body> <div id="app"> {{
阅读全文
摘要：第一个vue代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../vue.js"></script> </head> <body> <div id=
阅读全文
浙公网安备 33010602011771号