Vue知识点

安装cnpm -g为全局

npm install cnpm -g
sudo cnpm install vue-cli -g
vue list

手动创建vue 项目Vue知识点_第1张图片

vue init webpack myvue

cd myvue

# 安装依赖
npm install

Vue知识点_第2张图片

启动

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

webpack使用

WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。

webpack入门

sudo npm install webpack -g
sudo npm install webpack-cli -g

vue-router

npm命令

Vue知识点_第3张图片

Element-UI

路由嵌套

Vue知识点_第4张图片

参数传递及重定向

通过前端定义属性传递

Vue知识点_第5张图片
路由接受传递的参数
Vue知识点_第6张图片
所有的元素不能在根节点下
Vue知识点_第7张图片

props 传递参数

前端页面不需要改变,接口设置 props = true

Vue知识点_第8张图片
Vue知识点_第9张图片

重定向

Vue知识点_第10张图片

Vue知识点_第11张图片

404与请求钩子

Vue知识点_第12张图片

Vue知识点_第13张图片

Vue知识点_第14张图片
Vue知识点_第15张图片

Vue知识点_第16张图片

你可能感兴趣的:(Node.js,前端知识点)