第一章 Vue核心 第十一节 条件渲染
摘要:
条件渲染: 1.v-if 写法: (1).v-if="表达式" (2).v-else-if="表达式" (3).v-else="表达式" 适用于:切换频率比较低的场景 特点:不展示的DOM元素直接移除 注意:v-if可以和v-else、v-else-if一起使用,但要求结构不能被打断 2.v-sho
第一章 Vue核心 第十节 绑定样式
摘要:
绑定样式: 1.class样式 写法:class="xxx" xxx可以是字符串、对象、数组。 字符串写法适用于:类名不确定,要动态获取 对象写法适用于:要绑定多个样式,个数不确定,名字也不确定。 数组写法适用于:要绑定多个样式,个数确定,名字也确定,但是不确定用不用 2.style样式 :styl
第一章 Vue核心 第九节 监视属性
摘要:
监视属性watch: 1.当监视的属性变化时,回调函数自动调用,进行相关操作 2.监视的属性必须存在,才能进行监视 3.监视的两种方法: (1).new Vue时传入watch配置 (2).通过vm.$watch监视 4.深度监视: (1).Vue中的watch默认不监视对象内部值的改变(一层);
第一章 Vue核心 第八节 计算属性
摘要:
计算属性: 1.定义:要用的属性不存在,要通过自己计算得来。 2.原理:底层借助了Object.defineProperty方法提供的getter和setter。 3.get函数什么时候调用? (1)初次读取时会执行一次; (2)当依赖的数据发生变化时会被再次调用。 4.优势:与methods实现相
第一章 Vue核心 第七节 事件处理
摘要:
7.1 事件的基本使用 1.使用v-on:xxx 或 @xxx 绑定事件,其中xxx是事件名; 2.事件的回调需要配置在methods对象中,最终会在vm上; 3.methods中配置的函数,都是被Vue所管理的函数,this的指向是vm 或 组件实例对象; 4.@click="demo" 和 @c
第一章 Vue核心 第六节 数据代理
摘要:
6.1 回顾Object.defineProperty方法 代码示例: let number = 21; let person = { name:'retrace', sex:'female' } //给对象添加属性 Object.defineProperty(person,'age',{//此方法
第一章 Vue核心 第四节 el与data的两种写法
摘要:
el与data的两种写法: 1.el的两种写法 (1).new Vue时配置el属性。 (2).先创建Vue实例,随后再通过vm.$mount('#root');指定el的值 2.data的两种写法 (1).对象式 (2).函数式 如何选择:目前哪种写法都可以,以后学习组件时,data必须使用函数式
第一章 Vue核心 第三节 数据绑定
摘要:
Vue中有两种数据绑定方式: 1.单向绑定(v-bind):数据只能从data流向页面。 2.双向绑定(v-model):数据不仅你从data流向页面,还可以从页面流向data 备注: 1.双向绑定一般都应用在表单类元素上(如:input、selecte等) 2.v-model:value 可以简写
第一章 Vue核心 第二节 模板语法
摘要:
Vue模板有两大类: 1.插值语法: 功能:用于解析标签题内容 写法:{{xxx}},xxx是js表达式,且可以直接读取到data中的所有属性 2.指令语法: 功能:用于解析标签(包括:标签属性、标签体内容、绑定事件......)。 举例:v-bind:href="xxx" 或 简写为 :href=
ES6模块化之import的使用方式
摘要:
1.引入外部文件: <script src='文件路径' type='module'><!--PS:这个type="module" 必须要写,否则浏览器会报错--> 2.标签内嵌式: <script type='module'><!--PS:这个type="module" 必须要写,否则浏览器会报错
谈谈你对Promise的理解
摘要:
这是一个见仁见智的问题 个人总结: Promise 是异步编程的一种解决方案,将异步操作以同步操作的流程表达出来,避免了回调地狱的问题。 Promise 是一个构造函数,我们可以通过该构造函数来生成Promise的实例。 Promise对象有以下两个特点: (1)对象的状态不受外界影响。Promis
跨域问题的原因及解决方案
摘要:
原因: 是指a页面想获取b页面资源,如果a、b页面的协议、域名、端口、子域名不同,或是a页面为ip地址,b页面为域名地址,所进行的访问行动都是跨域的,而浏览器为了安全问题一般都限制了跨域访问,也就是不允许跨域请求资源。 解决方案有十种: 1.通过Jsonp实现跨域 (常用) 2.通过修改docume
谈谈你对原型、原型链的理解
摘要:
原型: 每个函数都有 prototype 属性,该属性指向原型对象; 使用原型对象的好处是所有对象实例共享它所包含的属性和方法。 原型链: 主要解决了继承的问题; 每个对象都拥有一个原型对象,通过__proto__ 指针指向其原型对象,并从中继承方法和属性,同时原型对象也可能拥有原型,这样一层一层,
第一章 Vue核心 第一节 初识Vue
摘要:
初识Vue: 1.想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象; 2.root容器里的代码依然符合HTML规范,只不过混入了一些特殊的Vue语法; 3.root容器里的代码被称为【Vue模板】; 4.Vue实例和容器是一一对应的; 5.真实开发中只有一个Vue实例,并且会配合着组件