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