Vue知识点

   日期:2020-07-07     浏览:84    评论:0    
核心提示:安装cnpm -g为全局npm install cnpm -gsudo cnpm install vue-cli -gvue list手动创建vue 项目vue init webpack myvuecd myvue# 安装依赖npm install启动# install dependenciesnpm install# serve with hot reload at localhost:8080npm run dev# build for production

安装cnpm -g为全局

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

手动创建vue 项目

vue init webpack myvue

cd myvue

# 安装依赖
npm install

启动

# 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命令

Element-UI

路由嵌套

参数传递及重定向

通过前端定义属性传递


路由接受传递的参数

所有的元素不能在根节点下

props 传递参数

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


重定向

404与请求钩子


 
打赏
 本文转载自:网络 
所有权利归属于原作者,如文章来源标示错误或侵犯了您的权利请联系微信13520258486
更多>最近资讯中心
更多>最新资讯中心
0相关评论

推荐图文
推荐资讯中心
点击排行
最新信息
新手指南
采购商服务
供应商服务
交易安全
关注我们
手机网站:
新浪微博:
微信关注:

13520258486

周一至周五 9:00-18:00
(其他时间联系在线客服)

24小时在线客服