VUE学习

一、安装node环境

:node.js下载地址为:https://nodejs.org/en/
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
为了提高我们的效率,可以使用淘宝的镜像:http://npm.taobao.org/
输入:npm install -g cnpm –registry=https://registry.npm.taobao.org,即可安装npm镜像,以后再用到npm的地方直接用cnpm来代替就好了。
检查:
VUE学习_第1张图片

一、创建VUE项目

1、全局安装vue-cli
npm install --global vue-cli
2、运行以下命令来创建一个新项目:
vue create hello-world
VUE学习_第2张图片
3.创建好的项目
VUE学习_第3张图片

vue在VS code中启动
VUE学习_第4张图片
页面初始化调用:

mounted() {
        this.getInfo();
        var tempInfo = localStorage.getItem(this.editFlag);
        if(tempInfo!=null){
            this.$refs.sureDialog.ok=()=>{

            }
        }
    },

方法的调用

  methods: {
        //获取流程信息
        async getFlowInfo() {
            try {
                let getData = await this.$net.Post({
                url: config.getFlowInfo,
                data: {}
                });
                if (getData.code == 200) {
                    this.form = getData.data;
                }
            } catch (e) {
                this.tip = e;
                console.log(e);
            }
        },
        }

你可能感兴趣的:(VUE)