![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 1996 阅读 · 0 评论 -
(一)vue创建第一个项目框架
1.首先创建vue必须先安装node.js,安装vue-cli手脚架 2.创建项目 vue init webpack vuedemo (vuedemo是你的项目名称) 3.插入必须的插件 npm install 4.用brackets打开项目vuedemo 5.在目录components编写框架 layout.vue <template> <div> ...原创 2019-01-19 13:53:23 · 1104 阅读 · 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 · 3407 阅读 · 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 · 592 阅读 · 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 · 7773 阅读 · 0 评论 -
(四)vue实现轮播图
1.需求 2.代码分析 数据准备 前端页面 样式编写原创 2019-01-26 09:56:57 · 809 阅读 · 0 评论