摘要: 1.给组件绑定原生事件 <my-component @click.native="doThis"></my-component> 2.slot 最初在slot标签中的任何内容都被视为备用内容。备用内容在子组件的作用域内编译,并且只有在宿主元素为空,且没有要插入的内容时才显示备用内容。 a.单个slo 阅读全文
posted @ 2017-04-01 13:33 吃草的虾米 阅读(186) 评论(0) 推荐(0) 编辑
摘要: 1.同步路由 a.引入你想跳转的文件 import payment from './app/payment' b.在路由里配置你的页面 可以在路由中设置多段路径参数,对应的值会设置到$route.params中 当两个路由使用同一组件的时候,切换时原来的组件实例会被复用。因为两个路由都渲染同个组件, 阅读全文
posted @ 2017-03-31 18:00 吃草的虾米 阅读(322) 评论(0) 推荐(0) 编辑
摘要: 1.将界面上比较独立的功能块拆分成组件(组件一般包括vue文件,css文件和js文件) 2.引入组件的方法:import totalPrice(该名字为自定义的名字,可以随便起) from '../../components/totalPrice' 3.使用组件的方法:<totalPrice></t 阅读全文
posted @ 2017-03-30 21:40 吃草的虾米 阅读(506) 评论(0) 推荐(0) 编辑
摘要: 前提我的nodejs是安装在默认路径下的。 我在上一家公司在win10系统上安装用"npm install cnpm -g"之后直接可以用。换到这家公司之后一直告诉我不是内部命令 我本人cnpm的安装路径 我用cnpm 去执行安装命令的时候就会报错。 解决方法在环境变量里添加C:\Users\asu 阅读全文
posted @ 2017-03-29 20:13 吃草的虾米 阅读(7658) 评论(0) 推荐(0) 编辑
摘要: loader:可同步可异步,可在nodejs里使用,可带参数,可让webpack去执行它不支持的东西 例如我们之前用到的style-loader,常用的方式是在webpack.config.js中加loader配置 安装babel-loader: npm install --save-dev bab 阅读全文
posted @ 2017-03-25 16:53 吃草的虾米 阅读(160) 评论(0) 推荐(0) 编辑
摘要: 1.怎么解决每次打包后的文件名都要记住再可使用的问题 1.1首先要用到webpack的一个插件:nmp install html-webpack-plugin --save-dev 1.2在webpack-config.js里引入对插件的引用 2.怎么将输出的文件,输出到不同的目录下 2.1首先改变 阅读全文
posted @ 2017-03-25 11:36 吃草的虾米 阅读(373) 评论(0) 推荐(0) 编辑
摘要: 为什么要创建webpack.conflg.js 在执行webpack时会在项目的根目录寻找webpack.conflg.js,当然也可以通过--conflg来指定要运行的文件。webpack --config aa.js 打包过程中显示一些参数: 1.找到package.json 2.在script 阅读全文
posted @ 2017-03-25 09:13 吃草的虾米 阅读(109) 评论(0) 推荐(0) 编辑
摘要: var htmlWebpackPlugin = require('html-webpack-plugin');//引用plugin,引用目的见自动生成html的文见 var path=require('path')//nodejs提供的获取路径的方法 //commonjs的模块化输出 module. 阅读全文
posted @ 2017-03-25 09:13 吃草的虾米 阅读(229) 评论(0) 推荐(0) 编辑
摘要: webpack和browserify都是前端打包工具 1.webpack是什么? webpack是前端打包工具,可以把很多模块打包成很少的文件。它有自己的特性代码分割,它可以使你项目在加载过程中只加载你需要的文件。除了常用的前端文件它可以处理外,还可以处理你自定义的文件。 2.安装和命令行 0.新建 阅读全文
posted @ 2017-03-24 22:36 吃草的虾米 阅读(237) 评论(0) 推荐(0) 编辑
摘要: require('world.js') require('style-loader!css-loader!./style.css') //可以不在此处写style-loader和css-loader详情请见webpack安装及命令第六条 function hello(){ return 'hello 阅读全文
posted @ 2017-03-24 22:06 吃草的虾米 阅读(138) 评论(0) 推荐(0) 编辑