Vue知识点

    技术2025-10-11  3

    安装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与请求钩子

    Processed: 0.012, SQL: 9