随笔分类 -  vue

vue-cli
摘要：参考：https://cli.vuejs.org/zh/guide/ 本文只记录Vue CLI里关于npm的一些使用（vue-cli 3.x） 一、基础 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已 阅读全文
posted @ 2019-03-12 18:37 Colorful_coco 阅读(365) 评论(0) 推荐(0)
Vue搭建后台项目
摘要：参考： https://github.com/PanJiaChen/vue-element-admin/blob/master/README.zh-CN.md https://juejin.im/post/59097cd7a22b9d0065fb61d2 1、当项目逐渐变大之后，文件与文件直接的引用 阅读全文
posted @ 2018-03-26 11:11 Colorful_coco 阅读(4600) 评论(0) 推荐(2)
Mint UI-基于 Vue.js 的移动端组件库
摘要：Mint UI-基于 Vue.js 的移动端组件库 npm 安装：npm i mint-ui -S 4、上拉刷新例子 阅读全文
posted @ 2018-02-25 13:56 Colorful_coco 阅读(4414) 评论(0) 推荐(0)
vue-loader项目开发（一）
摘要：1、单文件组件 关注点分离不等于文件类型分离。在现代 UI 开发中，我们已经发现相比于把代码库分离成三个大的层次并将其相互交织起来，把它们划分为松散耦合的组件再将其组合起来更合理一些。在一个组件里，其模板、逻辑和样式是内部耦合的，并且把他们搭配在一起实际上使得组件更加内聚且更可维护。 vue-loa 阅读全文
posted @ 2018-02-11 16:10 Colorful_coco 阅读(3752) 评论(0) 推荐(1)
vue单文件组件2（webpack打包）
摘要：一、生产环境部署 开发环境下，Vue 会提供很多警告来帮你对付常见的错误与陷阱。而在生产环境下，这些警告语句却没有用，反而会增加应用的体积。此外，有些警告检查还有一些小的运行时开销，这在生产环境模式下是可以避免的。 1）不使用构建工具 如果用 Vue 完整独立版本，即直接用 <script> 元素引 阅读全文
posted @ 2017-12-15 09:46 Colorful_coco 阅读(2739) 评论(0) 推荐(0)
vue单文件组件1（webpack打包）
摘要：一、vue单文件组件开发流程（webpack打包） 1）源文件目录结构 2）package.json 3）webpack.config.js HTML Webpack Plugin依据html模板生成一个自动引用你打包后的文件（js或css）的新的html页面，新文件默认名称为index.html。 阅读全文
posted @ 2017-12-15 09:43 Colorful_coco 阅读(6374) 评论(0) 推荐(0)
vue-resource
摘要：vue-resource插件为vue.js提供发起网络请求的服务，使用XMLHttpRequest或JSONP处理服务端的响应。 一，安装 1）npm install vue-resource 2）import Vue from 'vue' import VueResource from 'vue- 阅读全文
posted @ 2017-12-11 13:51 Colorful_coco 阅读(290) 评论(0) 推荐(0)
Vue（组件&过滤器）
摘要：一，vue组件 1）全局注册 渲染后： <slot> 元素可以用一个特殊的属性 name 来配置如何分发内容。多个 slot 可以有不同的名字。具名 slot 将匹配内容片段中有对应 slot 特性的元素。 2）局部注册 通过使用组件实例选项注册，可以使组件仅在另一个实例/组件的作用域中可用。 使用 阅读全文
posted @ 2017-02-13 17:11 Colorful_coco 阅读(5927) 评论(0) 推荐(0)
状态管理vuex
摘要：一，安装 1）npm install vuex --save 2）在一个模块化的打包系统中，您必须显式地通过 Vue.use() 来安装 Vuex import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) 当使用全局 script 标签引 阅读全文
posted @ 2017-02-07 10:05 Colorful_coco 阅读(285) 评论(0) 推荐(0)
路由vue-router
摘要：一，安装 1）npm install vue-router 2）如果在一个模块化工程中使用它，必须要通过 Vue.use() 明确地安装路由功能： import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRouter) 阅读全文
posted @ 2017-02-04 18:32 Colorful_coco 阅读(3418) 评论(1) 推荐(1)