回顾vue

vue是什么?

vue框架是一个渐进式前端框架,可以提高前端开发效率。
渐进式:可以选择性的使用该框架的一个或一些组件,这些组件的使用不需要将框架全部组件都应用;而且 用了这些组件也不要求你的系统全部都使用该框架。
Vue是一个前端框架,也其实是一个vue.js文件,下载vue.js文件并在页面中

二.Vue脚手架创建项目

1.安装脚手架

npm install -g @vue/cli   //电脑中只安装一次即可

2.创建Vue项目

vue create 项目名

3.运行项目

  npm run serve
  App running at:
  - Local:   http://localhost:8080/     //只能在本机运行
  - Network: http://172.18.1.33:8080/   //ip地址访问,可能通过手机直接访问
三、路由懒加载
router/index.js

//import Home from './home.vue'
import Home from './home.vue'


//路由懒加载
const Home=()=>import('./home.vue')

const routes=[
	{path:'/home',component:Home}
		

]

四、vuex运行机制

在这里插入图片描述

五、vue全家桶
vue.js,vue-router,vuex,axios,ES6,Sass/less/Stylus,...

1. vue.js:computed,过滤器,自定义指令,绑事件(@事件名),绑属性(:属性名),组件通讯(3种)....
2. vue-router:路由传参,路由守卫,嵌套路由,动态路由,路由懒加载....
3. vuex:集中管理组件状态,5个要素:`state,mutation,action,modules,getters`

4. axios:数据请求 
   1. 官网文档:https://github.com/axios/axios
   2. 中文文档:http://www.axios-js.com/zh-cn/docs/
5. Sass:https://www.cnblogs.com/chyingp/p/sass-basic.html
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值