01-vue学习精髓

• 1.数据驱动 : vue会自动渲染data中的数据, data中的数据变化了，页面会自动变化。

• 2.vue指令本质 : html标签自定义属性

  • 作用：给html标签拓展功能（给原生html标签加buff）

  • 语法：

    • HTML自定义属性规范： 属性名="属性值"

    • vue指令 v-指令名="指令值"

• 3.vue组件本质：html自定义标签

  • 作用： 实现盒子复用

  • 传统html标签：例如 <a>,<button>

    • 只有html结构,没有

  • vue组件： 例如 <good></good>

    • 有html结构，有css样式，有js逻辑

• 4.vue路由本质 : 监听hash，替换容器盒子(版心)

  • 如果模式是hash,监听的是hash值变化

  • 如果模式是history，监听的是路径变化。（需要后台配合）

• 5.学习vue路由，如何知道自己学的咋样？能分清下面几个单词，你的路由至少掌握了70%

  • routes : 数组。 路由匹配规则

  • router ： 对象。 路由对象

  • $router ： 对象。 用于跳转路由 和 传递参数

  • $route ：对象。 用于接收路由跳转参数