美文网首页
VUE代码规范

VUE代码规范

作者: 呆小狼 | 来源:发表于2017-09-25 16:47 被阅读0次
import Vue from 'vue'

import { XButton } from 'vux'
import {Popup} from 'vue-ydui/dist/lib.px/popup'
import {Button} from 'vue-ydui/dist/lib.px/button'

Vue.component(Button.name, Button)
Vue.component(Popup.name, Popup)
export default {
    name: 'read',
    data() {
        return { 
            show1: false,
            outlineList:'',
            x:'',
            y:'',
            ok:''
        }
    }, 
    components: {
        XButton
    },
    mounted: function () {
        
    },
    methods: {
        abc: function () {
            this.show1 = true;
         },

        getPost:function(){ 
            this.axios.post('/olquestion/news',{"uid":10,"daily_id":1}).then(res=>{
                this.outlineList = res.data.datas
                console.log(this.outlineList.length)
                // let choseList = this.outlineList[0].chose_single.split(' ');
                // console.log(choseList);
                let arr = []
                this.outlineList.forEach((value,index) => {
                    arr.push(value.chose_single.split(' '));
                });
                // console.log(arr);
                this.secondList = arr;
                let x=0,y=0,i=0,ok=0;
                let outlineList = res.data.datas;
                for(i=0;i<outlineList.length;i++){
                    if(this.outlineList[i].result==1){
                        x++;
                        this.x = x;
                        ok=(x/outlineList.length)*100;
                        this.ok= ok;
                    }else{
                        y++;
                        this.y = y;
                    }
                }
                console.log(x,y,ok)   
            },function(err){
                console.log(err)
            })
        },
        goAnchor(selector) {
            let anchor = this.$refs.aaa;
            console.log(selector)
            // var anchor = this.$refs.aaa.querySelector(selector)
            document.body.scrollTop = anchor.offsetTop
            document.documentElement.scrollTop = anchor.offsetTop; // firefox
        },
        share:function(){
            this.$router.push('/share')
        }
    },
    created () {
      this.abc()
      this.getPost()
    },
    onShareAppMessage: function () {
        
    }
}

标准

相关文章

  • Vue.js 组件编码规范

    Vue.js 组件编码规范 目标 本规范提供了一种统一的编码规范来编写 Vue.js 代码。这使得代码具有如下的特...

  • VUE代码规范

    标准

  • Vue 代码规范

    1.Vue 组件命名 有意义的: 不过于具体,也不过于抽象 简短: 2 到 3 个单词 具有可读性: 以便于沟通交...

  • vue代码规范

    非原创,转公司的,觉得很不错想保存下来,侵权删 组件名为多个单词 组件名应该始终是多个单词的,根组件 App 以及...

  • vue代码规范

    1,vue文件命名:主文件以 XxxIndex.vue 命名,开头首字母大写;弹窗增删改查组件XxxDialog....

  • Vue项目代码规范

    一、UI框架及css预处理器选择 1、PC端Vue项目UI框架:ElementUI(优先)、iView2、移动端V...

  • vue开发规范梳理

    为了前端代码形成统一的风格,制定该代码规范(该规范部分参照VUE官网介绍的风格指南以及常用的规范) 1.文件夹命名...

  • VUE项目规范

    一简介 此规范基于脚手架vue-cli3.+ 从编写IDE,到项目结构,命名规范,代码风格,包括代码逻辑等,都做了...

  • 编程的习惯

    阿里巴巴出品的java规范JavaScript代码规范VUE编写规范 子日:少成若天性,习惯如自然。 我每次学习一...

  • vetur+prettier+eslint 实现vue代码格式化

    前端vue代码用eslint做了代码格式校验,规范用的这个http://alloyteam.github.io/C...

网友评论

      本文标题:VUE代码规范

      本文链接:https://www.haomeiwen.com/subject/qzrdextx.html