
Vue
正在输入代码中
talk is cheap, show me the code
展开
-
vue2.0中Ajax库(axios)
差点断更,最近换了新公司,新项目用的vue1,花了4天时间升级了大部分页面到vue2; 在main.js中导入axios,并在vue的原型上添加该实例: import axios from 'axios' Vue.prototype.$ajax = axios;当然Vue.prototype.$ajax也可以换成Vue.prototype.http,你开心就好,或者这个姿原创 2017-04-07 17:56:45 · 6229 阅读 · 0 评论 -
Cordova error:npm install -g ios-deploy
解决办法:sudo npm install -g ios-deploy --unsafe-perm=true或者重启Xcode和重装Xcode原因:这是因为检测不到Xcode引起到原创 2018-02-08 15:52:25 · 570 阅读 · 0 评论 -
Vue开发跨端应用(六)添加onsenui组件库
安装: npm install onsenui vue-onsenui --save为什么使用onsenui:https://onsen.io/vue/ 1.拥有大量专门为移动应用设计的ui组件2.按照原生的ios和Android设计标准提供,提供即用型功能3.免费使用,100%开发4.其他的vue库在跨三端上都有点问题,就这个没有问题(最主要的)在mian....原创 2018-01-19 15:02:43 · 779 阅读 · 0 评论 -
cordova:Error: Cannot find module '../cordova/platform_metadata'
添加插件出现错误:(原因是因为插件库并没有升级到该版本)Error: Cannot find module '../cordova/platform_metadata'解决办法:(你需要降级到相对应到版本)npm uninstall -g cordovanpm install -g cordova@7.1.0然后再添加相应平台就行了原创 2018-01-27 14:41:16 · 4194 阅读 · 0 评论 -
cordova切换到安卓5.1.0,Android SDK not found
错误信息如下:Error:Android SDK not found. Make aure that it is installed. If it is not at the default location,set the ANDROID_HOME environment variable.解决办法:下载:tools_r25.2.3-windows.zip原因:主要是目原创 2018-01-12 13:54:28 · 2020 阅读 · 0 评论 -
Vue开发跨端应用(一)环境搭建
前言:基于vue开发一款跨三端的简单环境,使用electron开发桌面程序,使用cordova开发移动应用github:https://github.com/317482454/electron-cordova-demo环境安装:electron-vue:基于vue的electron版本(用于开发桌面应用程序)cordova:打包app,给web应用套壳开始安装环境:...原创 2017-12-13 17:39:21 · 1065 阅读 · 0 评论 -
Vue开发跨端应用(四)electron发布web应用并打包app
命令: npm run build:web dist里面web就是打包好的网页代码 我们可以复制dist/web文件到my-app/www目录下: 进入my-app目录下运行命令: cordova run android需要运行安卓模拟器 上面是手动复制到www目录下,接下我们使用代码移动:返回到根目录执行: ...原创 2017-12-18 14:51:33 · 9145 阅读 · 0 评论 -
Vue开发跨端应用(二)修改electron demo
项目启动npm run dev界面如下:我们需要删除electron特有的组件,因为里面使用到了一些web没有的属性删除vue组件:新建index.vue接下来修改router打开运行桌面应用效果如下:原创 2017-12-14 17:28:49 · 675 阅读 · 0 评论 -
Vue开发跨端应用(五)cordova-ios运行问题
错误信息如下:Check dependenciesCode Signing Error: Signing for "wallet-app" requires a development team. Select a development team in the project editor.Code Signing Error: Code signing is required fo原创 2017-12-23 14:38:47 · 1681 阅读 · 0 评论 -
Vue开发跨端应用(三)添加cordova
在当前项目中执行命令创建my-app:添加安卓或IOS环境(注意ios需要mac环境才能编译,安卓可以在windows环境)cordova platform add ioscordova platform add android因为电脑是windows的截图如下: 到这里我们已经创建成功了:www目录下放置的就是网页代码...原创 2017-12-14 17:47:57 · 880 阅读 · 0 评论 -
vue支持jsx
再修改.babelrc文件{ "presets": ["es2015"], "plugins": ["transform-vue-jsx"]}原创 2017-09-15 13:37:53 · 1888 阅读 · 0 评论 -
win7 cmd执行vue不是内部命令解决办法
通过全局安装vue-clinpm install --global vue-cli在cmd中运行vue提示不是内部命令,原因是环境变量没有加上找到npm的位置:(不在这个位置的全局搜索vue.cmd即可)C:\Users\Administrator\AppData\Roaming\npm打开我的电脑-->右键属性-->高级系统设置-->环境变量-->Path-->添加获得npm原创 2017-07-25 16:44:54 · 13920 阅读 · 0 评论 -
vue分页组件编写
点击查看vue分页组件源码:https://github.com/317482454/vue_pageinationnpm:npm i vue_pageination --savevue中使用:import pageination from 'vue_pageination';Vue.use(pageination);效果图:1.props对象:(不解释是做啥的,原创 2017-08-02 11:06:07 · 4380 阅读 · 2 评论 -
Vue2接口地址配置(webpack)
找到文件开发环境配置如下:生产配置:使用方法:axios.defaults.baseURL = process.env.API;原创 2017-06-16 16:54:34 · 4256 阅读 · 0 评论 -
vue上传图片组件编写
点击打开源码编写一个vue上传图片组件:1.首先得有一个[type=file]文件标签并且隐藏,changge事件来获取图片: 2.触发隐藏的文件标签:(通过原生的click来触发) document.getElementById('upload_file').click()3.获取file文件里面的值方法:fileChange($event) fileCha原创 2017-07-25 17:43:11 · 15094 阅读 · 15 评论 -
express组合gulp自动更新代码重启浏览器
如果是前后分离express只是提供接口可用直接使用:nodemonnpm i nodemon -snodemon ./bin/wwwexpress+ejs开发方法:gulp+browser-sync+gulp-nodemonbrowser-sync:同步更新浏览器gulp-nodemon:gulp版的nodemon安装包走...原创 2017-08-16 10:35:24 · 866 阅读 · 2 评论 -
vue2发布部署
router开启(移除#号):mode: 'history',apache解决刷新页面访问404:点击打开链接添加.htaccess 文件在dist根目录,内容如下: ErrorDocument 404 /index.htmltomact解决刷新页面访问404: xsi:schemaLocation="http://xmlns.jc原创 2017-05-09 14:21:29 · 2306 阅读 · 0 评论 -
移动vue项目,启动错误:Module build failed: Error: No PostCSS Config found in:
解决办法:在根目录新建postcss.config.jsmodule.exports = { plugins: { 'autoprefixer': {browsers: 'last 5 version'} }}然后再次启动项目即可解决原创 2018-05-24 15:05:22 · 11466 阅读 · 0 评论