摘要：
1. 在 router目录下 的 index.js文件中，新增路由 import City from '@/pages/city/City' { path: '/city', name: 'City', component: City } 2. 在city 目录下新建city文件夹，然后新建 Cit 阅读全文
摘要：
主页划 5 个组件，即 header icon swiper recommend weekend 一. header区域开发 1. 安装 stylus npm install stylus --save cnpm install stylus-loader --save 2. 编写样式 3. 添加i 阅读全文
摘要：
1. 多个元素或组件的过渡 多个元素的过渡： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>多个元素或组件的过渡</title> <script src="../../vue.js"></script> < 阅读全文
摘要：
1.css动画原理 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue中css动画原理</title> <script src="../../vue.js"></script> <style> .fade 阅读全文
摘要：
1.解决非父子组件之间的传值问题 非父子组件传值(Bus/总线/发布订阅模式/观察者模式) 给 Vue类上挂在一个属性，然后创建vue实例时，实例就拥有了这个属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <titl 阅读全文
摘要：
一 . 组件细节知识点 1. 解决组件在h5中编码规范 例如 ： table , ul , ol 等等 使用 is 属性解决 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>组件使用细节点</title> < 阅读全文
摘要：
1.样式的绑定 我们可以传给 v-bind:class 一个对象，以动态地切换 class 例如： :class = "[class1,class2,class3......]" 添加多个样式 2.绑定内联样式 v-bind:style 的对象语法十分直观——看着非常像 CSS ，其实它是一个 Ja 阅读全文
摘要：
1. vue 生命周期函数 每个 Vue 实例在被创建之前都要经过一系列的初始化过程。例如，实例需要配置数据观测(data observer)、编译模版、挂载实例到 DOM ，然后在数据变化时更新 DOM 。在这个过程中，实例也会调用一些 生命周期钩子 ，这就给我们提供了执行自定义逻辑的机会 生命周 阅读全文
摘要：
Vue完成 TodoList 1.默认方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>TodoList</title> <script src="../../vue.js"></script> </he 阅读全文
摘要：
引入模版 有时候一些代码是在许多模版中都用到的。如果我们每次都重复的去拷贝代码那肯定不符合项目的规范。一般我们可以把这些重复性的代码抽取出来，就类似于Python中的函数一样，以后想要使用这些代码的时候，就通过include包含进来。这个标签就是include。示例代码如下： header.html 阅读全文