摘要:
### watch监听:监听数据的变化 data:{ age:24 }, methods:{ add(){ this.age++; } }, watch:{ age(newValue,oldValue){ console.log("新值",newValue) console.log("旧值",old 阅读全文
摘要:
### 1、vue的组件和实例都有生命周期,而且是一样的 生命周期:(组件从创建到销毁的过程) 创建 挂载 更新 销毁 组件到达某一个阶段就会自动触发某一些函数,这个函数就叫生命周期的钩子函数。 创建:组件创建的时候触发 beforeCreate created 组件刚创建的数据请求 挂载:创建完成 阅读全文
摘要:
### 什么是组件? 将代码进行复用 组件是实例的拓展子类 组件继承自实例,实例有的组件大部分都有,稍有变异 ### 组件创建 创建组件模板的2种方式: 1、通过template标签 template:"#tpl" 2、通过字符串模板 template:"<h1>吴小明</h1>" ### 全局组件 阅读全文
摘要:
### 虚拟DOM: 虚拟DOM就是内存中的一个变量,是一个对象结构 前端效率优化:最致命的问题就是DOM操作,尽量减少DOM操作 vue的高效: 1、虚拟DOM页面渲染高效 2、js ①获取数据②根据数据渲染界面DOM操作 for vue将开发者的精力从DOM操作上转移到了数据操作上,数据变页面变 阅读全文
摘要:
路由: (1)监听地址栏的变化 (2)根据地址栏的变化切换到对应的组件 使用路由: 1、创建一个vue项目:vue create routerdemo 注意:在选择插件的时候只选择babel 2、安装路由插件:npm install vue-router 3、创建路由:src下新建router.js 阅读全文
摘要:
问题描述:vue项目开发中,用axios请求数据时,用到服务器代理,在vue.config.js中设置服务器代理devServer时,配置 port:3001, 失效。 解决: ①第一种方法:修改portfinder版本号: 在node_modules中,依次找到@vue cli-service p 阅读全文