vue
maybe28
脑子不好使的假程序员……
展开
-
用命令创建vue项目
vue项目的开发,需要依赖于node环境,因此,以下内容是在安装好node的基础上进行的……vue-cli开发vue的项目十分方便,它可以帮你快速构建一个具有强大构建能力的Vue.js项目。步骤:1.安装淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org 2.全局安装vue-cli :n原创 2017-08-08 11:07:28 · 1290 阅读 · 0 评论 -
利用vue-cli创建的vue项目结构解析
利用vue-cli脚手架,创建出来的vue项目结构如图所示:1.其中index.html是入口文件;2.static中放一些静态资源,比如图片啥的;3.src-router-index.js是用来配置路由的,4. src-main.js,,用来设置引入的文件,,5.app.vue是全部的模板接收,引入各种组件。。部分文件的作用:详情见原创 2017-08-08 11:20:44 · 367 阅读 · 0 评论 -
vue父组件和子组件之间的通信
1.父组件传递数据给子组件。 原理:将父组件的值作为一个属性,绑定给子组件,在子组件中通过props进行接收。其中props接收的方式有3种: 1.props:['name'] 2.props:{name:{type:String}} 3.props:{name:String}2.子组件跟父组件之间的通信 原理:子组件需要利用一个$emit('声明的事件','需要发送的值...原创 2018-05-09 10:37:31 · 2445 阅读 · 0 评论 -
vue平行组件之间的通信
平行组件之间的通信,需要借助一个空的vue对象。var Event = new Vue();发送依旧是用Event.$emit('自己定义的事件','需要发送的数据'),接收的时候,需要在钩子函数mounted中接收,用Event.$on('相对应的事件',回调函数function(msg){});发送数据:接收数据:...原创 2018-05-09 11:39:56 · 1967 阅读 · 0 评论 -
webstorm stylus 报红
今天使用vue-cli构建了一个项目。但是使用stylus写法一直报红,但是在浏览器里设置的样式是生效的。其中,package.json中,这些stylus都是安装过的。"style-loader": "^0.13.1","stylus": "^0.54.5","stylus-loader": "^2.5.0",并且在style中,也加了。style lang="stylus原创 2018-05-02 20:20:05 · 1792 阅读 · 0 评论 -
vue-cli的项目中把localhost换成自己的ip无法访问
很多情况下,我们在pc端开发的项目,需要在手机上调试。这个时候,但是发现我如果直接将localhost换成自己的ip,是无法访问的,解决办法:在package.json中,,"scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "start": "np...翻译 2018-05-03 10:55:23 · 3663 阅读 · 0 评论 -
vue-cli创建项目设置跨域请求
为什么用vue-cli创建之后的项目调用后台接口会出现跨域的问题。直接调去后台接口就会出现404。是因为vue的localhost与访问域名不一致,导致的跨域问题。所以在这里就用到了代理,也就是代理服务器-Proxy Server,也就是网络信息的中转站。设置代理:在config/index.js中,找到dev:{}, 在这里面设置一个proxyTabledev: { // Pat...原创 2018-06-27 21:23:20 · 1079 阅读 · 0 评论 -
npm 报错 Module build failed: Error: No PostCSS Config found in
用vue-cli创建的本地项目,本地运行OK。然后换了一个目录,把除了依赖之外的目录全拷贝过去了,但是在npm run dev的时候就报这样的错了。fix:在根目录下建一个文件,postcss.config.js。添加代码:module.exports = { plugins: { 'autoprefixer': {browsers: 'last 5 version'} } ...翻译 2018-06-28 10:39:31 · 4416 阅读 · 0 评论 -
vue element中引入阿里巴巴矢量图标库
选择好自己想要的图标加入购物车,添加至自己的某一个项目中。⚠️在更多操作中,我们需要对项目进行一个编辑。这里的设置主要是为了不和element的图标冲突。然后下载到本地之后,放在src/assets下。在iconfont.css中进行修改。增加一段如图所示的代码:[class^="el-icon-ump"], [class*=" el-icon-ump"] { font-...原创 2018-07-18 15:10:50 · 2695 阅读 · 0 评论