zoukankan      html  css  js  c++  java
  • vue-cli脚手架(框架)

    vue-cli脚手架(框架)

    一、创建vue项目

    npm install vue-cli -g   #-g全局
    (sudo)npm install vue-cli -g   #mac笔记本
    
    vue-init webpack myvue  #项目的名字
    cd muvue
    npm install
    npm run dev

    二、目录结构的说明

    出现下面这样的图就说明成功了

     

    三、import和require的区别

    import一定要放在文件顶部,他相当于一个指针引用了文件,并没有吧文件包含进来,需要调用文件时才引入
    require可以吧文件放在任何位置,他是吧文件直接包含进来

    四、设置文件路径的流程

    1)建立组件(.vue的文件)
    2)配置路由(index.js文件中配置)
    3)<router-link></router-link>
    4)<router-view></router-view>
    5)import 包名 from "组件路径"
    6)comonents进行注册

    五、实现异步加载

    //异步
    vue-resource:实现异步加载数据(已经弃用)
    axios:实现异步加载数据
    npm install axios --save-dev
    npm install vue-axios --save-dev

    六、VUE的生命周期

    1、定义vue对象并实例化
    2、执行created函数
    3、编译模板,只会编译template的模板
    4、把HTML元素渲染到页面当中
    5、执行mounted函数,(加载)相当于onload
    6、如果有元素的更新,就执行update函数
    7、销毁实例

     

     

     

  • 相关阅读:
    职业规划书
    阿里云mysql安装配置(CentOS 7.3 64)
    在mvc中弹出提示框
    俺的博客开通啦
    sql中计算列小解
    ext的grid 获取页面内容方式
    2条路 代码生成 or 配置 2.1
    ext做列表页面关于查询多行的办法
    .net下开发windows服务的经验
    微软.net下 charting 要注意的事情
  • 原文地址:https://www.cnblogs.com/xiao-xue-di/p/9922048.html
Copyright © 2011-2022 走看看