何以之

2021年10月14日

摘要：条件渲染： 1.v-if 写法： (1).v-if="表达式" (2).v-else-if="表达式" (3).v-else="表达式" 适用于：切换频率比较低的场景特点：不展示的DOM元素直接移除注意：v-if可以和v-else、v-else-if一起使用，但要求结构不能被打断 2.v-sho 阅读全文

posted @ 2021-10-14 18:29 何以之阅读(41) 评论(0) 推荐(0)

第一章 Vue核心第十节绑定样式

摘要：绑定样式： 1.class样式写法：class="xxx" xxx可以是字符串、对象、数组。字符串写法适用于：类名不确定，要动态获取对象写法适用于：要绑定多个样式，个数不确定，名字也不确定。数组写法适用于：要绑定多个样式，个数确定，名字也确定，但是不确定用不用 2.style样式 :styl 阅读全文

posted @ 2021-10-14 18:27 何以之阅读(49) 评论(0) 推荐(0)

第一章 Vue核心第九节监视属性

摘要：监视属性watch： 1.当监视的属性变化时，回调函数自动调用，进行相关操作 2.监视的属性必须存在，才能进行监视 3.监视的两种方法： (1).new Vue时传入watch配置 (2).通过vm.$watch监视 4.深度监视： (1).Vue中的watch默认不监视对象内部值的改变(一层)；阅读全文

posted @ 2021-10-14 18:24 何以之阅读(124) 评论(0) 推荐(0)

第一章 Vue核心第八节计算属性

摘要：计算属性： 1.定义：要用的属性不存在，要通过自己计算得来。 2.原理：底层借助了Object.defineProperty方法提供的getter和setter。 3.get函数什么时候调用？ (1)初次读取时会执行一次； (2)当依赖的数据发生变化时会被再次调用。 4.优势：与methods实现相阅读全文

posted @ 2021-10-14 18:20 何以之阅读(33) 评论(0) 推荐(0)

第一章 Vue核心第七节事件处理

摘要： 7.1 事件的基本使用 1.使用v-on:xxx 或 @xxx 绑定事件，其中xxx是事件名； 2.事件的回调需要配置在methods对象中，最终会在vm上； 3.methods中配置的函数，都是被Vue所管理的函数，this的指向是vm 或组件实例对象； 4.@click="demo" 和 @c 阅读全文

posted @ 2021-10-14 18:17 何以之阅读(45) 评论(0) 推荐(0)

第一章 Vue核心第六节数据代理

摘要： 6.1 回顾Object.defineProperty方法代码示例： let number = 21; let person = { name:'retrace', sex:'female' } //给对象添加属性 Object.defineProperty(person,'age',{//此方法阅读全文

posted @ 2021-10-14 18:06 何以之阅读(57) 评论(0) 推荐(0)

第一章 Vue核心第四节 el与data的两种写法

摘要： el与data的两种写法： 1.el的两种写法 (1).new Vue时配置el属性。 (2).先创建Vue实例，随后再通过vm.$mount('#root');指定el的值 2.data的两种写法 (1).对象式 (2).函数式如何选择：目前哪种写法都可以，以后学习组件时，data必须使用函数式阅读全文

posted @ 2021-10-14 17:53 何以之阅读(66) 评论(0) 推荐(0)

第一章 Vue核心第三节数据绑定

摘要： Vue中有两种数据绑定方式： 1.单向绑定(v-bind)：数据只能从data流向页面。 2.双向绑定(v-model)：数据不仅你从data流向页面，还可以从页面流向data 备注： 1.双向绑定一般都应用在表单类元素上（如：input、selecte等） 2.v-model:value 可以简写阅读全文

posted @ 2021-10-14 17:45 何以之阅读(47) 评论(0) 推荐(0)

第一章 Vue核心第二节模板语法

摘要： Vue模板有两大类： 1.插值语法：功能：用于解析标签题内容写法：{{xxx}}，xxx是js表达式，且可以直接读取到data中的所有属性 2.指令语法：功能：用于解析标签（包括：标签属性、标签体内容、绑定事件......）。举例：v-bind:href="xxx" 或简写为 :href= 阅读全文

posted @ 2021-10-14 17:36 何以之阅读(35) 评论(0) 推荐(0)

ES6模块化之import的使用方式

摘要： 1.引入外部文件： <script src='文件路径' type='module'> 2.标签内嵌式： <script type='module'><!--PS：这个type="module" 必须要写，否则浏览器会报错阅读全文

posted @ 2021-10-14 10:56 何以之阅读(986) 评论(0) 推荐(0)

2021年10月13日

谈谈你对Promise的理解

摘要：这是一个见仁见智的问题个人总结： Promise 是异步编程的一种解决方案，将异步操作以同步操作的流程表达出来，避免了回调地狱的问题。 Promise 是一个构造函数，我们可以通过该构造函数来生成Promise的实例。 Promise对象有以下两个特点：（1）对象的状态不受外界影响。Promis 阅读全文

posted @ 2021-10-13 19:44 何以之阅读(560) 评论(2) 推荐(2)

跨域问题的原因及解决方案

摘要：原因：是指a页面想获取b页面资源，如果a、b页面的协议、域名、端口、子域名不同，或是a页面为ip地址，b页面为域名地址，所进行的访问行动都是跨域的，而浏览器为了安全问题一般都限制了跨域访问，也就是不允许跨域请求资源。解决方案有十种： 1.通过Jsonp实现跨域（常用） 2.通过修改docume 阅读全文

posted @ 2021-10-13 19:20 何以之阅读(1054) 评论(0) 推荐(0)

谈谈你对原型、原型链的理解

摘要：原型：每个函数都有 prototype 属性，该属性指向原型对象；使用原型对象的好处是所有对象实例共享它所包含的属性和方法。原型链：主要解决了继承的问题；每个对象都拥有一个原型对象，通过__proto__ 指针指向其原型对象，并从中继承方法和属性，同时原型对象也可能拥有原型，这样一层一层，阅读全文

posted @ 2021-10-13 19:00 何以之阅读(653) 评论(0) 推荐(1)

2021年10月12日

第一章 Vue核心第一节初识Vue

摘要：初识Vue： 1.想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象； 2.root容器里的代码依然符合HTML规范，只不过混入了一些特殊的Vue语法； 3.root容器里的代码被称为【Vue模板】； 4.Vue实例和容器是一一对应的； 5.真实开发中只有一个Vue实例，并且会配合着组件阅读全文

posted @ 2021-10-12 16:54 何以之阅读(73) 评论(0) 推荐(0)

公告