vue编程方法

1,app.vue

    其中的moundted只是被执行一次。

    系统中所有的组件都放到app。vue文件中。放到根组件中的只是被执行一次的代码可以放到main.js中码?  不可以,因为main文件只是一个js文件不是一个组件。组件中的一些属性不能被使用。比如&store

  而且组件中的this指的式那个组件,在js中式未定义。

2,main.js

   真个系统也是被执行一次。

3,vue中的mock数据

     插件名称mockjs

     使用步骤

     1),在src目录下创建一个文件夹mock

    2),准备json数据(创建相应的json文件,资源的路径为绝对路径,文件有空格将无法使用)

   3),json中的图片文件放到public中

        public¥images¥图片.jpg

    4),开始mock虚拟数据,使用mock组件来模拟 

    在mock目录下创建mockserve.js来实现模拟数据

   5)在main.js文件中import

   6)copy

5,只有对外暴露的组件才可以import

     webpack 默认对外暴露的有连个,图片   json文件这两个不需要export

 

6,ref  获取dom元素

7,组件是可以复用的,即可以多次使用

         

8,vue的开发步骤

    1)做成html网页

    2)做api,向服务器发请求

          在api目录中的index.js中向服务器发请求

         

    3)写vuex的三个步骤

       3-1)仓库存储数据

               ¥home¥home.js

              找相应组件的仓库中去写,存储数据

             

       仓库中的数据格式取决与服务器返回的数据。

 

       3-2)组件获取数据,

       3-3)展示数据

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

iameyama

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值