Vue

最新推荐文章于 2023-01-30 08:34:38 发布

family_cxp

最新推荐文章于 2023-01-30 08:34:38 发布

阅读量161

点赞数

分类专栏： Vue 文章标签： Vue

本文链接：https://blog.csdn.net/qq_26286967/article/details/89393360

版权

Vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

只有当实例被创建时data中存在的属性才是响应式的，给最开始不会使用到的属性，赋空值''、nuul、[] ，，
Object.freeze()，会阻止修改现有属性；
v-bind和v-on常用指令，简写：

v-bind写法  用于绑定一个或多个特性
<!--完整语法-->
<a v-bind:href="url">...</a>
<!--缩写-->
<a :href="urf">...</a>

v-on写法 用于绑定事件监听器
<!---完整语法-->
<a v-on:click="doSomething">...</a>
<!--缩写-->
<a @click="doSomething">...</a>

计算属性computed 缓存计算结果计算属性在多数情况下比较合适

https://cn.vuejs.org/v2/guide/computed.html

侦听属性wath，需要在数据变化时执行异步或开销比较大的操作时，这个方式最常用

https://cn.vuejs.org/v2/guide/computed.html

vue创建后，走异步请求时调用mounted比created合适点

https://blog.csdn.net/weixin_38098192/article/details/81185910

 new Vue({
        // el:".case_list",
        el:"#app",
        data:{
            caseList : [],
            str1 : "str1"
        },
        mounted :function (){
            // debugger;
            var this_ = this;
            axios.post("/cases/findAll").then(function (value) {
                this_.caseList = value.data;
                alert(this_.caseList);
            }).catch(function (err) {
                alert(err);
            })
        }
    });