qq_51141492的博客

vue2风格：选项式API写起来比较分散vue3风格：组合式API如果不使用构建工具，在低复杂度场景中使用vue，就用选项式api。打算用vue构建完整的单页应用，推荐采用组合式API+单文件组件在浏览器 设置-》偏好设置-》启用自定义格式设置工具（Enable custom formatters）自定义过度时间 单位毫秒通过自定义class 结合css动画库animate css安装库 npm installanimate.css引入 import ‘animate.css’使用方法。

这个实力开发也用的很少，因为一般vue实例里面要用的数据也是很少的。如果给封装的组件预留一个插槽里面放一个默认标签，使用这个组件的标签里面如果没有插槽内容，就会默认显示默认标签。这样让封装的组件，就有很强的扩展性。特别是传data里面数据是变量的时候，要用v-bind。比如在一个页面，从服务器请求到了很多数据，其中部分数据是需要通过子组件来展示。结论：箭头函数的this， 引用的是最近作用域的this。子组件是不能直接访问父组件或vue实例里面的数据的。真实开发的时候，很多封装的时候，都要给它预备插槽。

文章目录1.webpack的默认规定2.webpack插件1、webpack-dev-server2、html-webpack-plugin3、devServe节点3.webpack中的loader1、打包处理css文件2、打包处理less文件3、图片loader加载问题4、webpack 处理样式的过程5、url-loader的limit选项6、babel-loader转化处理高级JS语法。4.项目发布上线1、配置built命令2、优化图片和js文件的存放路径3、插件clean-webpack-plugi