- 博客(14)
- 收藏
- 关注
原创 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
362
原创 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
645
原创 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
371
原创 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
109
原创 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
54
原创 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
120
原创 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
274
原创 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
168
原创 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
101
原创 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
239
原创 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
55
原创 Vue模板语法
1.插值语法:功能:用于解析标签体内容。写法:{{xxx}},xxx是js表达式,且可以直接读取到data中的所有属性。HTML代码: <h1>插值语法</h1><h3>你好,{{name}}</h3>2.指令语法:功能:用于解析标签(包括:标签属性、标签体内容、绑定事件...)。...
2021-09-01 15:29:06
47
原创 初始Vue
1.想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象;//创建Vue实例newVue({el:'#root',//el用于指定当前Vue实例为哪个容器服务,值通常为css选择器字符串。data:{//data中用于存储数据,数据供el指定的容器所使用,值暂时写成对象name:'尚硅谷',address:'重庆'...
2021-09-01 14:38:43
47
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人