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元素

７，组件是可以复用的，即可以多次使用

         

8，vue的开发步骤

    1）做成html网页

    2）做api，向服务器发请求

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

         

    3）写vuex的三个步骤

       3-1）仓库存储数据

               ￥home￥home.js

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

             

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

 

       3-2）组件获取数据，

       3-3）展示数据