- 博客(14)
- 收藏
- 关注
RSS订阅原创 Node.js基础
目录1. fs.readFile 1.1 readFile读取文件内容 1.2 readFile判断文件是否读取成功2.fs.writeFile 2.1writeFile写入文件内容1. fs.readFile 1.1 readFile读取文件内容//1.导入fs模块,来操作文件const fs= require('fs')// 2.调用fs.readFile()方法读取文件// 参数1：读取文件的路径// 参数2：读取文件的时候...
2022-05-23 16:29:59
356
原创 Vue的内置指令
一、v-text 1.作用：向其所在的节点中渲染文本内容。2.与插值语法的区别：v-text会替换掉节点中的内容，{{xx}}则不会类似于innerText例：<div>{{name}}</div><div v-text='name'></div>二、v-html指令 1.作用：向指定节点中渲染包含html结构的内容。...
2021-09-08 20:52:48
632
原创 react、vue中的key的作用
一、虚拟DOM中key的作用： key是虚拟DOM对象的标识，当状态中的数据发生变化时，Vue会跟据【新数据】生成【新的虚拟DOM】，随后Vue进行【新虚拟DOM】与【旧虚拟DOM】的差异比较，比较规则如下：二、对比规则：1.旧虚拟DOM中找到了与新虚拟DOM相同的key： 1）若虚拟DOM中内容没变，直接使用之前的真实DOM。 2）若虚拟DOM中内容变了，则生成新的真实DOM，随后替换掉页面中之前的真实DOM。2.旧虚拟DOM...
2021-09-06 17:30:46
349
原创 Vue的列表渲染
v-for指令1.用于展示列表数据2.语法：v-for="(item,index)inxxx":key="yyy"3.可遍历：数组、对象、字符串、指定次数HTML代码:<body> <!-- v-for指令： 1.用于展示列表数据 2.语法：v-for="(item,index) in xxx" :key...
2021-09-06 17:22:16
92
原创 Vue的条件渲染
一、v-if写法：1.v-if='表达式'<h2 v-if='false'>欢迎来到{{name}}</h2> <h2 v-if='1===1'>欢迎来到{{name}}</h2>2.v-else-if='表达式'<div v-if='n===1'>a</div> <div v-else-if='n===2'>b</div>3.v-else='表达式.
2021-09-05 17:02:54
49
原创 VUe的绑定样式
一、class样式写法：:class="xxx"xxx可以是字符串、对象、数组。1.字符串写法适用于：类名不确定，要动态获取。HTML代码：<div class="basic" :class='mood' @click='changeMood'>{{name}}</div><br><br>JavaScript代码：<script> Vue.config.productionTip = false...
2021-09-05 15:39:04
118
原创 Vue的监视属性-天气案例
一、天气案例 copyHTML代码：<div id="root"> <h2>今天天气很{{Info}}</h2> <!--绑定事件的时候： @xxx='yyy' yyy可以写一些简单的语句--> <!-- <button @click='isHot=!isHot'>切换天气</button> --> <button @click='Weat..
2021-09-04 20:40:03
266
1原创 Vue的事件处理
一、事件的基本使用：1.使用v-on:xxx或@xxx绑定事件,其中xxx是事件名；<button v-on:click="showInfo">点我提示信息</button>2.事件的回调函数需要配置在methods对象中，最终会在vm上；new Vue({ el:'#root', data:{ name:'尚硅谷' }, me.
2021-09-04 15:28:45
159
原创 Vue的MVVM模型
MVVM模型 1.M：模型(Model)：data中的数据 2.V：视图(View)：模板代码 3.VM：视图模型(ViewModel)：Vue实例观察发现： 1.data中所有的属性，最后都出现在了vm身上。 2.vm身上所有的属性及Vue原型上所有属性，在Vue模板中都可以直接使用...
2021-09-01 21:16:59
93
原创 Vue中el与data的两种写法
data与el的两种写法1.el有两种写法(1).newVue时配置el属性例：newVue({el:'#root',data:{name:'尚硅谷'}})(2).先创建Vue实例，随后再通过vm.$mount('#root')指定el...
2021-09-01 20:52:25
230
原创 Vue数据绑定
1.单向绑定(v-bind)：数据只能从data流向页面。HTML代码：单向数据绑定：<inputtype="text"v-bind:value="name">简写：单向数据绑定：<inputtype="text":value="name">2.双向绑定(v-model)：数据不仅能从data流向页面，还可以从页面流向data。HTML代码：双向数据绑定：<inputtype="text"v-model:value="na...
2021-09-01 16:07:02
53
原创 Vue模板语法
1.插值语法：功能：用于解析标签体内容。写法：{{xxx}},xxx是js表达式，且可以直接读取到data中的所有属性。HTML代码： <h1>插值语法</h1><h3>你好，{{name}}</h3>2.指令语法：功能：用于解析标签（包括：标签属性、标签体内容、绑定事件...）。...
2021-09-01 15:29:06
44
原创 初始Vue
1.想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象;//创建Vue实例newVue({el:'#root',//el用于指定当前Vue实例为哪个容器服务，值通常为css选择器字符串。data:{//data中用于存储数据，数据供el指定的容器所使用，值暂时写成对象name:'尚硅谷',address:'重庆'...
2021-09-01 14:38:43
46
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人