学习vue框架(二)
来源:互联网 发布:CVI ibevent windows 编辑:程序博客网 时间:2024/06/10 22:16
首先介绍vue-cli:
1、他是成熟的vue项目架构设计;
2、是一个本地测试服务器;
3、是一个集成打包上线方案(webpack);
当我们安装完vu-cli后项目文件夹下会生成这样一个目录
主要操作的是src文件夹下的内容,下面我们就可以开展我们的项目,项目中我们用到了element组件库,首先要下载这个组件库,
cnpm i element-ui -S
然后在main.js里引入:
import ElementUI from 'element-ui'import 'element-ui/lib/theme-default/index.css'Vue.use(ElementUI);
还用到了调用接口的vue插件vue-resource,安装方法
npm install vue-resource
引入:
import Resource from 'vue-resource'
Vue.use(Resource)
需要的插件都已经安装完之后开始写登录页,写首页模板:template必须有且仅有一个根div。
阅读全文
0 0
- 学习vue框架(二)
- Vue框架(二)
- Vue.js 学习(二)
- vue学习笔记(二)
- vue.js学习(二)
- vue学习日志(二)
- Vue入门学习(二)
- Vue学习笔记(二)
- vue学习笔记—vue基础(二)
- vue学习之路(二)--vue-awesome-swiper
- 学习Vue之路(二)
- vue学习过程遇到问题(二)
- Vue.js学习笔记(二)
- vue-router学习二(动态路由)
- Vue学习笔记二
- 常用js框架之vue.js(深入二:杂项)
- 前端学习总结(二十三)——前端框架天下三分:Angular React 和 Vue的比较
- 前端学习总结(二十三)——前端框架天下三分:Angular React 和 Vue的比较
- 片上系统(计算机)所涉及的硬件资源(RAM ROM SRAM DRAM FLASH... ...)
- 抽象工厂模式
- 如何在Android用FFmpeg+SDL2.0之同步音频
- 计算机视觉、机器学习相关领域论文和源代码大集合
- Detecting and Recognizing Human-Object Interactions
- 学习vue框架(二)
- 高精度之高精度乘法
- Mask R-CNN
- 人工智能、机器学习与深度学习
- 【TensorFlow】tf.scatter_update()
- C++/MFC-时间与日期
- Python中 sys.argv[]的用法简明解释
- ati2avxx恶意代码手工查杀
- Deep Residual Learning for Image Recognition