• vue2.0项目的环境配置以及有哪些的坑


    npm run dev
    项目运行;
    $ git pull origin master 更新代码
    项目的提交代码
    git push -u origin master 这里就开始准备提交到网络上了

    项目的地址git :http://124.42.103.222:9080/source/cake_pc/
    新媒传信;  ph 的地址:http://124.42.103.222:9080/

    tortoiseGit的使用
    http://blog.csdn.net/renfufei/article/details/41647973


    3、MobaXterm 下载终端 的下载

    cmd 的指令;
    vue -help
    ls
    cd f:进入f盘;
    cd ../ 返回上一级的目录
    注意最好使用: git bash下打开命令行;
    vue - V (注意此处是大写)查看vue的版本
    vue -list 查看 官方提供的模板;
    vue - help
    1.首先全局安装vue-cli  npm install vue-vli -g
    2、cd 进入目标盘 cd f;
    3. vue init webpack vuedemo3 vuedemo3 是项目名称;初始化项目
    注意 use Lint 最好 no
    4.然后 ctrl + c  安装各种依赖 (注意进入package.json的目录下安装依赖,否则容易失败)
    5.输入npm install 切记(安装完就可)出现node modules文件夹了
    6、npm run dev 是运行这个项目 可以热更新随时出现veiw中;
    7、npm run build 出现一个dist的文件
    8、dist文件下的。js 或者.map 是测试用的;
    9、项目是在src目录下、main.js 是入口;
    10、config是配置文件;是开发环境还是其他的环境;
    11、export default {
      name: 'app'
    } es6的用法
    12、es6的语法data是组件,一个类的概念;防止互相引用的错误
    data : funtion (){
    return {}
    }
    13、vue的前端的路由 spa 单页面的应用
    14 安装路由 npm install vue-router  --save
    15/在main.js里设置路由  import vRouter from  “vue-router”
     ——》Vue.use(VRoouer)使用插件 ——》把router 放入new Vue(实例化对象里)
    ——》注册一let router = new VRouter ({实例化对象}) 做好一个映射的关系
    下载——引入——>使用插件——》实例化路由对象——>做好映射关系——》最后把这个路由对象
    ——》放入new Vue({当中})
      在哪里显示路由呢,使用router-view
    在组件里可以使用<router-link></router-link>向 a标签一样的路由跳转;
    在页面里的跳转后;
    <router-link :to="{name: 'dog', params: {color: 'brown'},
    query: {size: 'medium'}}">Dog</router-link>
       
     <router-link :to="{name: 'cat', params: {color: 'yellow'},

  • 相关阅读:
    用一个测试类简化排序算法时间复杂度的研究
    用斗地主的实例学会使用java Collections工具类
    数据结构:用实例分析ArrayList与LinkedList的读写性能
    用一个通俗易懂的例子彻底说清楚单例模式
    用自定义链式栈解决力扣括号匹配问题
    数据结构之链式队列的代码实现及有趣应用
    用非常硬核的JAVA序列化手段实现对象流的持久化保存
    SpringBoot整合SpringSecurity实现JWT认证
    六百字搞懂lambda
    判空我推荐StringUtils.isBlank
  • 原文地址:https://www.cnblogs.com/sxz2008/p/6730399.html
Copyright © 2020-2023  润新知