es6的导入导出以及$set、$detele、$$forceUpdate()

106 阅读1分钟
<!-- 本地使用es6导入script必须加上type="module"
必须使用live server 启动一个域名端口打开页面  -->
<script type="module">
    /* 导入一个对象 */
    import a from './1.js'
    console.log(a)
</script>

/* 默认导出一个对象 */

export default { name:"taotao"

★vue2的缺陷 不可以给对象里面添加属性 可以添加 但是 页面不会渲染响应的结果 / / set的三个参数第一个参数是目标对象this.list//第二个参数是目标参数的索引//第三个参数是具体要修改的内容/this.set的三个参数 第一个参数是目标对象 this.list */ /* 第二个参数 是目标参数的索引 */ /* 第三个参数 是具体要修改的内容 */ this.set( this.list, i,{content:this.list[i].content,flag:true}) console.log(this.list)

第一种删除对象里面的属性更新视图的方式 / // delete this.obj.age; // this.forceUpdate();/第二种删除对象里面的属性并更新视图的方式//forceUpdate(); /* 第二种删除对象里面的属性并更新视图的方式 */ /* delete 第一个参数是 目标对象 第二个参数是 具体的key 要使用字符串/ this.$delete(this.obj,'age')

直接更暴力的渲染视图的方式:$forceUpdate();