Vue.js
搬运工_XXX
这个作者很懒,什么都没留下…
展开
-
webpack基本使用
安装方式 运行npm i webpack -g全局安装webpack,这样就能在全局使用webpack的命令 特点,装过一次以后就都不用装了 在项目的根目录中运行npm i webpack --save-dev安装到项目依赖中 创建项目 总项目下创建dist文件夹和src文件夹 dist目录代表发布完成之后的产品级的内容 src下创建css、js、images文件夹 src下创建index.html,代表项目的首页 .原创 2021-08-06 16:54:47 · 90 阅读 · 0 评论 -
Vue响应式原理
Vue源码–解读vue响应式原理:Vue的官方说明里有深入响应式原理这一节。在此官方也提到过:当你把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项,Vue 将遍历此对象所有的属性,并使用 Object.defineProperty 把这些属性全部转为 getter/setter。Object.defineProperty 是 ES5 中一个无法 shim 的特性,这也就是为什么 Vue 不支持 IE8 以及更低版本浏览器的原因。Object.defineProperty原创 2021-02-21 21:06:47 · 1231 阅读 · 0 评论 -
vue生命周期钩子函数详解
详解:1- beforeCreate官方说明:在实例初始化之后,数据观测(data observer) 和 event/watcher 事件配置之前被调用。解释:这个时期,this变量还不能使用,在data下的数据,和methods下的方法,watcher中的事件都不能获得到; beforeCreate() { console.log(this.page); // undefined console.log{this.showPage); // undefined }, data..原创 2021-02-05 09:18:13 · 83 阅读 · 0 评论 -
vue-router中的exact作用
exact类型: boolean默认值: false“是否激活”默认类名的依据是包含匹配。 举个例子,如果当前的路径是 /a 开头的,那么 也会被设置 CSS 类名。按照这个规则,每个路由都会激活 !想要链接使用“精确匹配模式”,则使用 exact 属性:<!-- 这个链接只会在地址为 / 的时候被激活 --><router-link to="/" exact></router-link>目前唯一用到的场景是 导航 切换问题, 切换到别的路由的时候原创 2021-01-29 22:12:06 · 2183 阅读 · 0 评论