vue
Mars-xq
好记性不如烂笔头。
展开
-
vue 监听属性watch与computed
参考:详解vue2.0监听属性的使用心得及搭配计算属性的使用vue 监听对象的属性1.基础版监听:场景如下:输入框输入你的年龄,如果年龄在0-15岁提示信息:你还是个小孩,如果年龄在 15-25岁,提示信息:你已经是个少年,如果年龄在25岁以上,提示信息:你已经长大了。根据需求配合监听属性我们得到下面的代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &原创 2020-05-12 17:37:56 · 250 阅读 · 0 评论 -
vue :计算属性computed 与方法methods区别
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script></head><body><div id=.原创 2020-05-12 13:54:13 · 182 阅读 · 0 评论 -
vue 之 axios 和 vue-resource简单get请求对比
axios安装npm install --save axios导入并使用import axios from 'axios'import Qs from 'qs'//QS是axios库中带的,不需要我们再npm安装一个Vue.prototype.axios = axios;Vue.prototype.qs = Qs;请求this.axios.get(url) .then...原创 2019-01-09 10:48:56 · 267 阅读 · 0 评论 -
idea支持vue
参考:IntellIJ IDEA 配置 Vue 支持安装vue.js插件设置支持的file types查找是否有.vue格式 , 没有则添加设置JavaScript语法:EMCAScript6原创 2019-01-14 10:39:40 · 1358 阅读 · 0 评论 -
vue之prop,emit数据传递示例
parent.vue&lt;template&gt; &lt;div&gt; 父亲: {{childInfo}} &lt;child :parentInfo="parentMsg" @childInfo="handleChildMsg"/&gt; &lt;/div&gt;原创 2019-01-08 14:36:58 · 564 阅读 · 0 评论 -
前端web框架
前端三大框架vuevuejs/vue官网reactfacebook/react官网angularangular/angular.js官网注:官网需翻墙vuereactangular124K119K59K基于vue的UI框架:饿了么 : elementgithub官网iviewgithub官网elementiview...原创 2019-01-04 15:31:56 · 265 阅读 · 0 评论 -
手把手一步步使用webStrom创建vue项目
一:安装配置node.jsNode.js是一个Javascript运行环境。npm是node的包管理工具。下载node.js,配置环境变量:https://nodejs.org/en/download/验证是否成功:C:\Users\13579&amp;amp;gt;npm -v6.4.1//或C:\Users\13579&amp;amp;gt; node -vv8.12.0可参考:配置环境变...原创 2018-12-11 20:55:40 · 8943 阅读 · 6 评论 -
使用cordova构建基于vue的Android项目
参考:Cordova+Vue实现Android APP开发vue项目打包成手机apk,方式有两种:cordova ,hbuilder,这里介绍Cordova方法。准备工作:下载 jdk 、android sdk 和 node.js , 并配置环境变量一、npm安装 cordova//安装npm install -g cordova//查看版本cordova -vcordov...原创 2018-12-15 19:20:17 · 490 阅读 · 0 评论 -
webstorm关闭ESLint
webstorm新建vue项目一路next默认会开启eslint功能。一:setting中关闭搜索eslint并关闭项目中关闭找到build文件夹—&gt;webpack.base.conf.js----&gt;modulemodule: { rules: [ ...(config.dev.useEslint ? [createLintingRule()] : []), ...原创 2018-12-20 18:04:51 · 3281 阅读 · 0 评论 -
vue 项目打包成apk(Hbuilder方案)
一:使用webstorm创建vue项目参考:手把手一步步使用webStrom创建vue项目二:build项目生成dist文件执行npm run dev 后打开链接可看到界面说明项目初始化正常,然后编辑build命令点击绿色三角形运行执行npm run build,生成dist目录及相关文件:生成的结构如下:然后用浏览器打开dist 文件夹中的index.html文件验证buil...原创 2018-12-14 17:21:13 · 4295 阅读 · 1 评论