为了账号安全,请及时绑定邮箱和手机立即绑定
  • vue init webpack 项目名称(不能用大写字母)

    install vue-router?选项要选y。路由跳转一定要安装

    ESLint 风格管理工具,一般项目中都会使用,建议安装。

    查看全部
  • vue-cli脚手架安装

    一、npm 参数

    -S --save安装包信息将加入到dependencies(生产阶段的依赖)

    -D --save --dev 安装包信息将加入到devDependencies(开发阶段的依赖),所以开发阶段一般使用它(生产环境也可以)

    npm i -D vue-cli 本地安装(没有-g) 会报错需要:

     npm init -f 初始化本地安装配置文件

    建议全局安装

    查看全部
  • 创建项目

    cd 项目目录

    vue create 项目名

    npm run serve # 启动服务

    查看全部
  • 手动搭建vue-cli环境

    安装依赖:npm install 或者 cnpm install

    初始化:npm init -f 或者 cnpm init -f,f参数为全部使用默认值,无人工干预

    安装组件,并查看安装后内容

    查看全部
  • 【注意】

    1、地址栏中的#,是为了防止http频繁请求后台造成压力

    2、hash模式:地址栏包含#符号,#以后的内容不会被后台获取

    3、history模式:具有对url历史记录进行修改的功能

    4、在微信支付、分享url作为参数传递时,#属于特殊符号,不能满足需求

    5、history需要后台配合,来处理404的问题

    查看全部
    0 采集 收起 来源:为什么不用#号

    2020-05-14

  • router实现子路由

    实现嵌套路由到效果:children:[{}.{}]

    【注意】使用children会父页面和子页面一起显示,如果不想一起显示就使用平行路由即可

    查看全部
  • 创建vue-cli项目

    vue init webpack 项目名

    创建cli过程中部分配置内容

    Install vue-router?(Y/n):是否安装vue-router,这是官方的路由,大多数情况下都使用,这里就输入y后会车即可。

    Use ESLint to lint your code?(Y/n):是否使用ESLint管理代码,ESLint是个代码风格管理工具,是用来统一代码风格的,一般项目中都会使用。

    查看全部
  • -S,-D参数

    -S,--save 安装包信息将加入到dependencies(生产阶段到依赖)

    -D,--save--dev 安装包信息将加入到devDependencies(开发阶段的依赖)

    所以开发阶段一般使用它

    i 是install的缩写(注意:前面没有"-")

    npm初始化

    如npm init -f

    -f参数,初始化时不回答所有问题,全部使用默认值

    查看全部
    1. npm和cnpm区别

      npm(node package manager):是nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等)

      cnpm:因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常,所以淘宝团队分享了使用国内镜像来代替国外服务器。

    2. -g参数

      全局安装(global)可以在命令行下直接使用

      可以通过npm root -g查看全局安装的文件夹位置

    3. vue-cli2安装

    npm install -g vue-cli
    cnpm install -g vue-cli

    手动指定从哪个镜像服务器获取资源

    npm install -gd express --registry=http://registry.npm.taobao.org

    为了避免每次安装都需要--registry参数,可以使用如下命令进行永久设置

    npm config set registry http://registry.npm.taobao.org


    查看全部
  • 组件间兄弟传值

    传值  Msg.$emit('val','1');  在methods种

    接收值:在mouted中

    Msg.$on('val',function(m){

                that.content=m

            })


    查看全部
  • 用事件总线传值,

    总线传值需要用 .js

    查看全部
  • public 存放不变动的文件

    src/assets 存放可以变动的文件

    查看全部
  • 主要技术

    1. 组件与组件间传值

    2. axios实现读取json数据:商品的数据源存于json种

    3. css相关技术进行布局:布局,间距等样式

    4. 使用views页面级组件,使用router设置页面

    查看全部
  • 添加样式有3种方式

    第一种:在当前 A.vue种的style写内联样式

    第二种,在public 目录下新建style.css,然后再A.vue的style 下面,@import引入

    第三种:在public 下的index.html 传统方式  link引入


    其中  router-link相当于  a  标签  可以被包含于包含其他标签

    查看全部
  • vuecli3中新增了views文件夹,分工更加明确了

    查看全部

举报

0/150
提交
取消
课程须知
1、具备HTML、CSS、JavaScript、vue知识
老师告诉你能学到什么?
1、如何契合企业,升级企业项目 2、使用vue-cli创建项目

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!