vue install 简单使用

文件夹有两个文件

indexjs
实现方法
testvue是可以理解为里面可以实现各种方法，和普通的XXXvue文件没有任何区别
下面是indexjs

可以使用component注册组件

可以使用prototype挂在全局方法

也可以使用Vuemixin()把各种方法添加到当前vue组件方法里面，methods

使用就可以在mainjs使用 vueuse (test)
this$test("test")

webpack 打包时支持 CommonJS、AMD 和 ES6 的模块化系统。

我们通常写 vue 单文件组件时，在 script 语言块中使用的是 ES6 的语法，使用 export default 进行默认导出。

1使用require 是 CommonJS的模块导入方式，不支持模块的默认导出，因此导入的结果其实是一个含 default 属性的对象，因此需要使用 default 来获取实际的组件选项。
2使用 ES6 的 import 语句，ES6 的模块化导入导出语法。import 时需要给定一个变量名，所有 import 语句必须统一放在模块的开头。

如果 vue 文件中使用的本来就是 CommonJS 或者 AMD 的模块化系统语法，导出的是 moduleexports 对象作为组件选项，那么使用 require 导入时就不需要使用 default 来获取。

和wbpack生命周期方法一样, 都是在从生到死的特定阶段调用的方法

PS: 生命周期钩子 = 生命周期函数 = 生命周期事件

    21创建期间的生命周期方法beforeCreate:

        created:

        beforeMount:

        mounted:

    22运行期间的生命周期方法beforeUpdate:

        updated:

    23销毁期间的生命周期方法beforeDestroy:

        destroyed：

1Vue特殊特性Vue特点: 数据驱动界面更新, 无需 *** 作DOM来更新界面

也就是说Vue不推荐我们直接 *** 作DOM, 但是在企业开发中有时候我们确实需要拿到DOM *** 作DOM

那么如果不推荐使用原生的语法获取DOM, 我们应该如何获取DOM

在Vue中如果想要拿到DOM元素我们可以通过ref来获取2ref使用21在需要获取的元素上添加ref属性 例如: <p ref="mypp">我是段落

22在使用的地方通过 this$refsxxx获取, 例如this$refmyppp

3ref特点ref添加到元素DOM上, 拿到的就是元素DOM

ref添加到组件上, 拿到的就是组件

1Vue渲染组件的两种方式

    11先定义注册组件, 然后在Vue实例中当做标签来使用

    12先定义注册组件, 然后通过Vue实例的render方法来渲染

2两种渲染方法的区别

    11当做标签来渲染, 不会覆盖Vue实例控制区域

    12通过render方法来渲染, 会覆盖Vue实例控制区域

---