vue
文章平均质量分 72
长日尽处
有些话,说给别人听,头头是道;说给自己听,句句不通。
展开
-
vue目录结构
vue Handlebars模板 computed计算 component组件 mounted钩子函数–>自定义指令 spa单页面应用 node: C:\Program\Files\nodejs\ vue-cli:vue的脚手架工具: 作用:目录结构,本地调试,代码部署,热加载,单元测试。 vue-list:指出可用模板 npm run dev:运行开发项目 sr原创 2017-12-03 11:05:02 · 284 阅读 · 0 评论 -
node+vue+webpack(webpack-simple)+mysql使用历程之一(安装,win7)
node+vue+mysql使用历程安装node下载地址:https://nodejs.org/en/ (下载第一个选项就行)node安装: 双击下载好的安装包, 安装过程基本上直接点击next就可以,引导步骤会将安装目录添加到PATH环境变量中。 其中涉及到软件安装在哪一个文件夹下可以根据自己的习惯修改(我的在D盘), node测试: 打开cmd窗口,输入:node ...原创 2018-07-06 13:49:51 · 2088 阅读 · 0 评论 -
node+vue+webpack(webpack-simple)+mysql使用历程之二(node服务端环境搭建)
参考以下连接安装vue前端项目: https://blog.csdn.net/marslover521/article/details/80938686dos窗口下测试vue项目是否正常运行:npm run dev运行结果为: 搭建node服务端在构建项目没有报错的前提下执行以下操作来搭建node服务端:在项目根目录下创建server文件夹,同时在server文...原创 2018-08-07 16:54:45 · 598 阅读 · 0 评论 -
vue项目中引入axios及使用
vue项目中引入axios及使用一,下载依赖$ npm install axios --save二,引入依赖并全局注册import axios from ‘axios’Vue.prototype.$axios = axios//全局注册,使用方法为:this.$axios三,配置config文件(1) ,通过webpack初始化的项目在config文件夹中的index.j...原创 2019-01-22 13:52:24 · 66338 阅读 · 2 评论 -
vue计算属性和侦听器
methods、computed、watchvue.js中,什么时候用methods?什么时候用computed?什么时候用watch?以及这三者的区别:参考链接:官网:https://cn.vuejs.org/v2/guide/computed.htmlhttps://segmentfault.com/a/1190000014478664#articleHeader3https:/...原创 2019-01-25 16:44:55 · 237 阅读 · 0 评论 -
vue钩子函数
vue 钩子函数简单理解在vue中,钩子函数是不需要手动调用就可以直接执行的。以下是网上查询得到整个实例流程中钩子函数所触发的位置图:其中钩子函数包含有几下8个:beforeCreate、create、beforeMount、mounted、beforeUpdate、update、beforeDestroy、destroyed其中对各个钩子函数所表达的实际意思作出一下标注,并对1.0...原创 2019-01-25 11:45:47 · 944 阅读 · 0 评论 -
vue项目中引入echarts-heatmp热力图插件
在项目中有可能会有使用到heatmap的地方,下载和引入方式如下:下载heatmap.js(1) 命令行执行以下命令下载heatmap.jsnpm install heatmap.js --save(2)如果执行不成功可换以下方法:先在package.json文件中引入所需依赖package.json"dependencies": { "heatmap.js": "^2...原创 2019-01-17 15:45:04 · 5183 阅读 · 1 评论 -
vue项目中引入echarts-map地图
如何在vue项目中使用地图在初始的项目中安装下载echarts依赖:https://blog.csdn.net/marslover521/article/details/85000788通过上面的参考链接可以简单实现一个echarts图表,完成后再继续以下操作:1.引入china.jsmain.jsimport echarts from 'echarts'//引入中国地图依赖i...原创 2019-01-17 15:41:28 · 8843 阅读 · 5 评论 -
vue组件之间vuex传递数据
vue项目开发,组件之间传递数据兄弟组件兄弟组件之间传输数据,用vuex的store方式。父子组件父子组件之间传输数据,用vue的prop方式。(1), vuex:vue的状态管理工具1.安装npm install vuex --save2.引入main.jsimport Vue from 'vue'import store from './store'new V...原创 2018-12-18 17:46:42 · 1788 阅读 · 0 评论 -
vue组件之间传递数据之prop&$emit
vue项目开发,组件之间传递数据兄弟组件兄弟组件之间传输数据,用vuex的store方式。父子组件父子组件之间传输数据,用vue的prop & $emit方式。prop$emit...原创 2018-12-19 15:56:06 · 1058 阅读 · 0 评论 -
vue报错总结
1.vue在开发环境中运行npm run dev时报错:前一天公司服务器挂掉,当天没有运行项目,第二天运行项目的时候出现以下报错:$ npm run dev> Pr_BD_CASE02_DV@1.0.0 dev C:\Users\user\Desktop\Pr_BD_CASE02_DV> webpack-dev-server --inline --progress --con...原创 2018-09-20 10:24:38 · 1214 阅读 · 0 评论 -
vue工作中使用总结123
根据需求通过vue实现以下功能:1.项目中有一列循环出来的li标签,需要加title属性,属性值在循环数据内。html:<ul> <li v-for="(value, key) in items" v-bind:title='value.title'>{{key+1}}.{{ value.title }}</li&am原创 2018-08-15 11:34:52 · 278 阅读 · 0 评论 -
vue项目使用vue-router
一、基于webpack-simple构建的vue项目中,怎么集成vue-router?1、搭建vue项目架构参考链接:https://blog.csdn.net/marslover521/article/details/80938686其中从第五步开始构建vue项目2、配置vue-router2.1 下载npm install vue-router --save-dev...原创 2019-01-28 17:48:54 · 241 阅读 · 0 评论