My Blog My Style

一、Prop 的大小写 (camelCase vs kebab-case) HTML 中的特性名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时，camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名： Vue.component('blog-post', { // 在 Java...

该笔记为在跟踪视频学习记录的一套随课笔记，比较乱，但还是有助于了解vue的一些基础知识。 # Vue入门基础1、绑定属性 v-html   绑定html v-bind:class 绑定属性 v-bind:style 绑定样式2、数据双向绑定 双向数据绑定 MVVM vue就是一个MVVM的框架   M mndel   V view   MVVM model改变会影响视图view，view视图改变...

一、Vuex简介 Vuex 是一个专为 Vue.js 设计的状态管理模式vuex解决了组件之间同一状态的共享问题。当我们的应用遇到多个组件共享状态时，会需要： 多个组件依赖于同一状态。传参的方法对于多层嵌套的组件将会非常繁琐，并且对于兄弟组件间的状态传递无能为力。这需要你去学习下，vue编码中多个组件之间的通讯的做法。 来自不同组件的行为需要变更同一状态。我们经常会采用父子组件直接引用或者通过事...

v-if v-show 具有类似的功能，不过 v-if 才是真正的条件渲染，它会根据表达式适当地销毁 或重建元素及绑定的事件或子组件。若表达式初始值为 false ，则 开始元素／组件并不会渲染，只 有当条件第 次变为真时才开始编译。 v-show 只是简单的 css 属性切换，无论条件真与否，都会被编译。相比之下， v-if 更适合 条件不经常改变的场景，因为它切换开销相对较大，而 v-show...