vue基础概念

1、v-model(绑定数据)
2、v-for(循环)
3、v-on(绑定事件)
4、$index(索引)
5、v-if(不满足条件的话则不会出现在dom中)
6、v-show(不满足条件,则样式会设置成隐藏 display:none;)

 HTML:
       <h1 v-show="ok">Hello!</h1>
    JS:
     data() {
            return {
                ok:true
            }
        },

7、data(数据)

   data() {
            return {
                status:{
                    "true":"已开通",
                    "false":"未开通",
                    "fail":"审核失败"
                },
                currentPage:1,
                currentLimit:10,
                tableData3: []
            }
        },

8、生命周期

       beforeCreate() {
            console.log('beforeCreate:页面创建之前')
        },
        created() {
            console.log('created:页面创建完成')
        },
        beforeMount() {
            console.log('beforeMount:页面挂载之前')
        },
        mounted() {
            console.log('mounted:页面挂载完成')
            this.getList();
        },
        beforeUpdate() {
            console.log('beforeUpdate:数据更新之前')
        },
        updated() {
            console.log('updated:数据更新完成')
        },
        beforeDestroy() {
            console.log('beforeDestroy:页面卸载之前')
        },
        destroyed() {
            console.log('destroyed:页面卸载完成')
        },

9、methods(方法)

           methods: {
            //编辑操作
            handleEdit(index,item){
                console.log('编辑方法')
            },
            //删除操作
            handleDelete(index,item){
              console.log('删除方法')
            }
        }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 组件化 vue的组件化是指把传统的html, css, js资源集成到一个.vue文件中,组成一个单独的组件,被其...
    SplendorZhang阅读 1,316评论 2 8
  • 1.安装 可以简单地在页面引入Vue.js作为独立版本,Vue即被注册为全局变量,可以在页面使用了。 如果希望搭建...
    Awey阅读 11,087评论 4 129
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 2,971评论 1 4
  • Hive简介 hive的起源许多公司需要对数据进行分析、存储。但是mapreduce程序去分析数据需要按照八股文格...
    心_的方向阅读 2,872评论 1 1
  • 夜影若依/著 我踏出小学的门,开始向前走,阳光映着街边梧桐的叶,我不仅回首,小学的门还在那里,只不过———我却不...
    夜影若依阅读 290评论 2 2