Vue的观学习视频心得

Vue的三大特点：

1、响应式（双向绑定）
2、组件化（模块化）
3、单文件组件（.vue）
- 将js（即功能）、css（即样式）、html（即模板）存在于一个文件内
- 得益于这些来解读成浏览器能识别的文件：Webpack + vue-loader
- 好处1：style的作用域
- 好处2：预加载器（在template、style中的lang属性）

单页面

也就是路由跳转时不会强制刷新

组件的实例选项data避免引用赋值

如果实例化组件时，用的是data对象，那所有用的都是同一份data
解决方案：

data () {
    return {
        // ...属性
    }
}

Vue基本概念：

1、全局Api
- Vue.component、Vue.extends等等
2、实例选项
- 在创建一个Vue实例对象是可以使用的功能性项目
3、实例属性、方法
- 把创建的那个Vue实例对象赋值给一个变量，该变量的属性、方法（一般有$）
4、指令
- 写在模板里面，例如v-html
5、内置组件

<component :is="组件名"></component>
<transition></transition>
<keppl-alive></keep-alive>
<slot></slot>