zoukankan      html  css  js  c++  java
  • 新手嘛,先学习下 Vue2.0 新手入门 — 从环境搭建到发布

    Vue2.0 新手入门 — 从环境搭建到发布

    转自:http://www.runoob.com/w3cnote/vue2-start-coding.html

    具体文章详细就不搬了,步骤可过去看,我这就写下使用总结

    1. Vue2.0 推荐开发环境中一些安装就不说了

    Node.js  、npm  、webpack  、vue-cli  , 自己看着安装

    到最后能启动本地通过 vue-cli 建的项目,  npm run dev  ,默认的 http://localhost:8080/ 能看到页面显示

    ----------------------------

    2. ide 工具, 我用的是 Webstorm ,找下 vue语法高亮显示

    我的是 打开 Settings->Plugins 搜索安装 , 默认没有,browser

    安装后,重启下 ide 软件,重新打开

    这下看 vue 文件顺眼多了

    ----------

    3.  文章中说的2个坑试下

    第1个说 写2个并列div , 功能和展示正常

    第2个 data 的格式,还是照着

    默认的格式,正确的来

     ------------------

    果然是新手,vue-resource 数据的, 尤其是异步加载数据显示的,还没整成功

    网上找了个其他的,Vue2学习笔记:数据交互vue-resource http://www.cnblogs.com/zycbloger/p/6428014.html , 这个是点击后的数据alert ,

    和交互还有点距离.

    这个是点击按钮再进行的互动

     -----------------

    看到了其他的例子,能拿到数据了,中间也遇到几个问题:

    1. 页面上老报 articles 未定义,   处理方式,在data的return里 加上 articles

    2. 让页面加载直接拿数据, 放在 create中 就行

    参考了这篇文章:  http://blog.csdn.net/MRblackLu/article/details/56286077 , 最终可以了,部分代码如下

    能看到数据的调用和效果了

  • 相关阅读:
    python读取.mat文件
    numpy.random.randint
    python小括号( )与中括号 [ ]
    cv2
    python matplotlib.pyplot画矩形图 以及plt.gca()
    python matplotlib.pyplot对图像进行绘制
    项目中遇到的问题
    菜鸟学习Spring——60s学会Spring与Hibernate的集成
    菜鸟nginx源代码剖析数据结构篇(九) 内存池ngx_pool_t
    c 语言函数可变參数的处理
  • 原文地址:https://www.cnblogs.com/jshare/p/6806713.html
Copyright © 2011-2022 走看看