摘要:
1.下载依赖 2.模块中引入 3.效果展示 4.如果配置里的数据是请求来的 阅读全文
摘要:
1.先看项目的目录结构 2.在main.js里需要引入store这个文件并挂在实例上 3.store.js里引入action.js和mutation.js文件 4.action.js 5.mutation.js 6.mutation_type.js 7.head.vue 8.foot.vue 9.效 阅读全文
摘要:
1.安装依赖 2.引入并注册 3.组件中的使用 注意:需要手动引入swiper的css样式,可以去swiper的官网进行下载 阅读全文
摘要:
第一种直接在html里插入script 第二种 阅读全文
摘要:
1.下载依赖 2.引入 3.配置 4.组件使用 注意:这里我用的是mock模拟请求数据后的图片,也可以直接在data里返回一个数组里放一组图片进行测试 阅读全文
摘要:
1.在项目根目录下安装 2.在项目文件中引入 3.在项目文件中使用 base64: md5: eg: ==> 阅读全文
摘要:
至于为什么使用vuex在这里就不过多的解释了,直接进入正题 1.vuex的安装 2.然后在main.js中引入 3.构建核心仓库 store.js Vuex 应用的状态 state 都应当存放在 store.js 里面,Vue 组件可以从 store.js 里面获取状态,可以把 store 通俗的理 阅读全文
摘要:
产品阶段的构建 目前为止,我们已经使用webpack构建了一个完整的开发环境。但是在产品阶段,可能还需要对打包的文件进行额外的处理,比如说优化,压缩,缓存以及分离CSS和JS。 对于复杂的项目来说,需要复杂的配置,这时候分解配置文件为多个小的文件可以使得事情井井有条,以上面的例子来说,我们创建一个w 阅读全文
摘要:
插件(Plugins) 插件(Plugins)是用来拓展Webpack功能的,它们会在整个构建过程中生效,执行相关的任务。 Loaders和Plugins常常被弄混,但是他们其实是完全不同的东西,可以这么来说,loaders是在打包构建过程中用来处理源文件的(JSX,Scss,Less..),一次处 阅读全文
摘要:
一切皆模块 Webpack有一个不可不说的优点,它把所有的文件都都当做模块处理,JavaScript代码,CSS和fonts以及图片等等通过合适的loader都可以被处理。 CSS webpack提供两个工具处理样式表,css-loader 和 style-loader,二者处理的任务不同,css- 阅读全文