vue学习--自定义组件

一、自定义组件

定义vm的时候data可以是函数也可以是个对象

组件的data配置必须是返回对象的函数类型。

如果引用多个组件，使用对象定义data，则多个组件引用的是一个data，数据混乱。

如果data使用的是函数，调用函数产生对象，产生的是不同的新的对象，各个组件的data对象是独立的。

二、webpack打包

1：初始化项目

1）生成package.json

yarn init -y ，所有的都是yes

2)创建入口js:src/index.js

3）在src外面 创建页面文件 index.html

打包处理，将src里面的js里面的逻辑加入到页面文件index.html中

2：webpack基本使用

1）下载依赖包

yarn add -D webpack webpack-cli  (webpack进行打包工作，webpack-cli提供webpack命令，供我们操作打包)

yarn add -D html-webpack-plugin  （打包html，自动引入打包的js）

2）创建webpack配置 webpack.config.js 放到根目录

const path = require('path')

const HtmlWebpackPlugin = require('')

/*

webpack内部遵循什么配置的模块，内部用到node,

用到ES6模块：export default import

遵循Common.js: module.exports( exports/(暴露 )/require

*/