mecende的博客

参考。

中提到了父子通信，这里要讨论的时爷孙或者更多层数据传递。Provider用于顶层组件发送数据，inject用于底层组件接收数据。

首先创建一个完成项目，创建项目。打开src，找到app.vue，删除script、template、style标签里的内容。

get是修改本值的方法，set是修改参与计算值的方法，参数val是input的value属性值。通过这段代码可以看出if和else是分开在两个标签中，可以通过两个相反的判断条件达成相同的效果。v-if和v-show的效果相同。监视属性是当一个值发生变化时执行的，用watch构建监视属性。首先进行class绑定，写法为:class=""，在原版写法的前面加了一个冒号代表绑定。条件渲染很好理解，就是在标签中写if判断，符合条件就显示，不符合条件就不渲染。然后挂载的对象中的data中写好想要挂载的样式。

该方式无需使用包管理工具，只要用script标签引入js文件即可，可以快速使用vue。