先创建项目并运行 vue init webpack-simple template cd template npm i npm run dev 一、子组件访问父组件的数据 方式一 :子组件直接访问父组件的数据 父组件在调用子组件时,绑定想要获取的父组件中的数据 在子组件内部,使用 props 选项声 ...
分类:
其他好文 时间:
2018-03-31 23:57:15
阅读次数:
183
前两篇讲解了一下 Vuex 的基本使用方法,可是在实际项目中那么写肯定是不合理的,如果组件太多,不可能把所有组件的数据都放到一个 store.js 中的,所以就需要模块化的组织 Vuex,首先看一下 项目结构。 项目结构 一、首先执行以下命令: vue init webpack-simple vue ...
分类:
其他好文 时间:
2018-03-06 21:42:44
阅读次数:
193
利用vue组件创建模板,使用webpack打包生成插件再全局使用 1、vue init webpack-simple 生成项目目录 2、调整目录结构 3、修改webpack.config.js 开发一个toast插件,可以借助npm平台发布,在这里就不做过多的说明了 toast.vue index. ...
分类:
其他好文 时间:
2018-02-23 13:22:47
阅读次数:
215
1.安装node 2.打开命令行输入 npm install -g vue-cli 3.vue init webpack-simple vue 4.各种确认(enter键) 5.npm install 6.npm run dev 运行 7.npm run build 打包 ...
分类:
Web程序 时间:
2018-02-22 21:29:57
阅读次数:
173
前言:最近有小伙伴问我,是不是用vue脚手架生成的项目就不能jquery了呢?显然,答案是否定的,必须能用。但是个人建议最好不要用了,用人家vue提供的不好嘛。 一、用vue-cli生成项目 1. vue init webpack-simple vue-jq 2. cd vue-jq 3. cnpm ...
分类:
Web程序 时间:
2018-01-23 11:53:18
阅读次数:
229
一、vuex的目的 把组件的共享状态抽取出来,以一个全局单例模式管理。在这种模式下,组件树构成了一个巨大的视图,不管在树的哪个位置,任何组件都能获取状态或触发行为。 二、vuex集中式管理数据 安装 cnpm i vuex vue init webpack-simple vuex-demo 三、核心 ...
分类:
其他好文 时间:
2018-01-17 21:51:44
阅读次数:
169
1.选择一个目录执行vue init webpack 工程名字<工程名字不能用中文>,若使用vue init webpack-simple 工程名字<工程名字不能用中文>则不会生成config目录 2.安装项目依赖(cnpm install 或者 npm install) 3.启动项目 cnpm r ...
分类:
Web程序 时间:
2018-01-10 15:50:11
阅读次数:
163
新学习vue的萌新们经常会遇到各种各样的坑。例如上面这个报错。这个一般是命令行面板写错单词导致。 正确:vue init webpack-simple .(注意“.”点,指当前目录) 正确2:veu init webapck project(project自己取得名字); 在安装之前,请确保在命令行 ...
分类:
Web程序 时间:
2017-12-23 01:08:14
阅读次数:
727
可以搭配vue的UI框架有几个,我用的是element-ui,现在呢,我要在复习一遍 1、vue init webpack-simple element-ui 2、cd element-ui 3、npm install(如果报错就用cnpm) 4、cnpm install style-loader ...
分类:
其他好文 时间:
2017-11-17 13:21:35
阅读次数:
1139
前言: 此样板面向大型,严肃的项目,并假定您对Webpack和vue-loader有些熟悉。 请务必阅读vue-loader的常见工作流配方的文档。 如果您只想尝试vue-loader或者鞭打一个快速原型,请改用webpack-simple模板。 快速开始: 要使用这个模板,可以用vue-cli来支 ...
分类:
其他好文 时间:
2017-10-19 14:01:55
阅读次数:
132