vue 组件第一次不渲染问题_Vue.js的常见问题

1、响应式属性和方法

每个Vue实例都会代理其data对象里所有的属性。

var data={a:1}

var vm=new Vue({data:data})

vm.a===data.a // -> true  设置属性也会影响到原始数据

vm.a=2

data.a        // -> 2     ... 反之亦然

data.a=3

vm.a          // -> 3

即：都可以使vm.xxx这种方式获取和修改实例属性。

注意：

只有这些被代理的属性是响应的

如果在实例创建之后添加新的属性到实例上，它不会触发视图更新

那么这种情况的话，可以使用VueJs的vm.$xxx的方式来修改实例属性，这同样会触发视图更新，响应式的改变

2、生命周期钩子

生命周期钩子包括created、beforeCompile、compiled、ready、beforeDestroy、destroyed

钩子的this指向调用它的Vue实例

我们可以在钩子的方法中使用this来指代当前实例。

Vuejs中没有控制器的概念，组件的自定义逻辑可以分割在这些钩子里面

3、插值

单词插值，只有在第一次渲染时候渲染值，之后不会随实例属性值的变化而改变

插入原始HTML，这种方式内容以 HTML 字符串插入，数据绑定将被忽略

如果需要复用模板片断，应当使用partials

注意：

在网站上动态渲染任意HTML是非常危险的，因为容易导