Vue绑定Property Class style

一 创建测试项目

vue init webpack-simple vuedemostyle

二 进入demo目录

cd vuedemostyle

三 安装依赖

cnpm install

四 修改代码App.vue

五 运行

npm run dev

image.png

六 总结

1 使用v-bind绑定property ,如src，id，href等
2 使用 v-html进行html原样输出插值
2 输入v-bind绑定class,可以动态切换class，class列表，
3 使用v-bind绑定style，直接在网页上使用类css语法，定义样式

七 参考

https://vuejs.org/v2/guide/class-and-style.html