
Vue
清风a50
代码农民工
展开
-
vue项目初始化详细步骤
第一步 安装node.js,下载链接 https://nodejs.org/en/download/第二步 安装vue-cli手脚架 在cmd下执行命令cnpm install vue-cli -g第三步 进入需要新建项目的目录 cd d:/test第四步 执行命令 vue init webpack demo(注:demo是项目名称)第五步 显示Project nanme ...原创 2019-01-17 16:58:37 · 2026 阅读 · 0 评论 -
(一)vue创建第一个项目框架
1.首先创建vue必须先安装node.js,安装vue-cli手脚架2.创建项目 vue init webpack vuedemo (vuedemo是你的项目名称)3.插入必须的插件 npm install4.用brackets打开项目vuedemo5.在目录components编写框架 layout.vue<template> <div> ...原创 2019-01-19 13:53:23 · 1139 阅读 · 0 评论 -
(二)vue左边菜单栏编辑
1.编辑目录 pages/index.vue 数据准备script中 2.样式编写<style scoped> .index-wrap { width: 1200px; margin: 0 auto; overflow: hidden; } .index-left { floa...原创 2019-01-19 14:53:56 · 3472 阅读 · 1 评论 -
(三)vue渲染-右边显示栏编辑学习
1.需求2.script数据准备3.前端页面展示4.样式编写<style scoped> .index-wrap { width: 1200px; margin: 0 auto; overflow: hidden; } .index-left { float: left...原创 2019-01-19 15:20:33 · 658 阅读 · 0 评论 -
(四)vue中动态获取数据
1.安装vue-resource get请求:created: function() { this.$http.get('api/getNewsList') .then((data) => { console.log(data) }, (err) => {...原创 2019-01-19 16:29:56 · 7858 阅读 · 0 评论 -
(四)vue实现轮播图
1.需求2.代码分析数据准备前端页面样式编写原创 2019-01-26 09:56:57 · 858 阅读 · 0 评论