09 2018 档案
摘要：一般情况下，在代码开头引入组件： 打开控制台检查一下： 我们想访问首页的时候只加载首页的代码，加载详情页的时候再加载详情页的代码，需要按需加载： 打开控制台检查一下：
阅读全文
摘要：一、打包生成dist目录 运行npm run build 进行打包，控制台显示“Build complete”表示打包完成了。 二、dist目录放到后端跟目录 打包后生成一个dist文件夹，文件夹下有index.html和static文件夹。这些就是最终要上线的代码。 找到后台服务器的跟路径，把打包
阅读全文
摘要：一、查看ip地址 在控制台输入 ifconfig 查看ip地址 二、修改webpack-dev-server配置项 webpack-dev-server 默认不支持ip地址访问，需要修改配置项 三、测试 当pc和手机处于一个局域网时，手机访问ip地址，就能进行真机测试了。
阅读全文
摘要：每次从city页切换回home页面的时候mounted这个钩子都会执行，ajax都会被重新获取，性能需要优化。 用keep-alive,keep-alive是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。 app.vue keep-alive生命周期钩子函数：activ
阅读全文
摘要：Document 插槽header 插槽footer 组件的时候，我们可以选择为text定义一个不一样的 作为替代方案， 并且可以通过 slot-scope 特性从子组件获取数据： --> 第1个child2组件text是h1 {...
阅读全文
摘要：1.把Vue.prototype上挂载一个bus属性，这个属性指向1个vue实例，以后创建组件的时候，每个组件上都会有bus这个属性，都指向同一个实例 2.发布在methods里使用 this.bus.$emit 发布广播 3.订阅在mounted里使用this.bus.$on 订阅事件 全部代码：
阅读全文
摘要：一、用is指定组件为特定的原生HTML元素。 html: js: 浏览器中检查元素： 为什么会出现这种bug呢？ 像 <ul>、<ol>、<table>、<select> 里只允许包含指定的元素，像 <option> 这样的元素只能出现在某些特定元素的内部；当模板标签使用在这些有限制性的元素中时，载
阅读全文
摘要：Document {{fullName}} {{age}}
阅读全文
摘要：分别用方法、计算属性和侦听器实现当fristName和lastName改变时，fullName跟着改变。 一、方法： html: js: 当age发生改变时，fullName()执行了一次。 计算属性: html: js: 当age发生改变时，由于firstName,lastName没有发生改变，所
阅读全文
摘要：分类：属性代理高阶组件，反向继承高阶组件。 作用：代码复用，渲染节时。 高阶函数例子： 高阶组件例子：
阅读全文
