在使用grid布局的时候发现，如果内容超过了容器，则容器会被撑大。此时，使用overflow:scrool 则可以通过滚动条看完所有内容。然而，当我们使用grid布局嵌套的时候，发现，在（子）grid布局中，使用overflow，我们无法看完整体内容。此时我们需要在（父）grid中，加上overflow:hidden ，使得，父容器不受子容器影响。在此基础上，在子容器加上overflow:...

组件的全局注册必须注意是在实例化对象之前完成。Vue.component("mytest",{template:'<li>{{name}}</li>',props:['name']})new Vue({//...})而局部注册则只能在父模板内使用<div id="clear" ><mytest v-for='li in list' v-bind:name

官方解释data 必须是函数构造 Vue 实例时传入的各种选项大多数都可以在组件里使用。只有一个例外：data 必须是函数。实际上，如果你这么做：Vue.component('my-component', {template: '<span>{{ message }}</span>',data: {message: 'hello'}})那么

以下是打包的时候报错的地方。执行出错后，CSS都没有打包成功，加粗内容为重要内容AssetSizeChunksChunk Namesstatic/js/app.83b1ad767b13508e5ebd.js117 kB0[emitted]a

前面遇到了一个问题就是VUE框架内部做了一些处理，使得在我们通过v-for渲染DOM的时候添加新元素的时候，绑定事件也能对新增的元素有效。而这次遇到的问题则是，原本绑定事件中（该函数没有写在vue实例的methods中），导致阻止冒泡事件失效了。无论是return false 还是event.stopPropagation();都无效。此时需要通过用VUE提供了事件修饰符来处理，比如阻止事件冒泡@

example1.items = example1.items.filter(function (item) {return item.message.match(/Foo/)})//其中匿名函数中的参数名是随意的，它用于代替数组中的某个值，这里要说明的是，官方提供的包括push()pop()shift()unshift()splice()sort()revers

每个Vue实例都会代理其data对象里面的所有属性：var mydata= { a: 1 }var vm = new Vue({  el: '#example',  data: mydata})vm.a===mydata.a //   ---->true因为其响应式，无论是改变vm.a还是mydata.a，他们的值都会一起改变，但是！如果某属性是在创

<!-- 阻止单击事件冒泡 --><a v-on:click.stop="doThis"></a><!-- 提交事件不再重载页面 --><form v-on:submit.prevent="onSubmit"></form><!-- 修饰符可以串联 --><a v-on:click.stop.prevent="doThat"></a><!-- 只有修饰符 --><form v-on:s

Vue.set全局操作是为了更新数据而提供的，这个操作主要是针对某些情况而使用注意事项由于 JavaScript 的限制， Vue 不能检测以下变动的数组：当你利用索引直接设置一个项时，例如： vm.items[indexOfItem] = newValue当你修改数组的长度时，例如： vm.items.length = newLength为了解决第一类问题，以

[Vue warn]: Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as <script>.出现这个警告的原因可能是你新建VUE实例的代码放在了被绑定的组件当中比如<div id='