Vue学习笔记——Vue的坑

1、v-for的坑：

     vue低版本中 data里面的items和computed里面可以一样，但是高版本，是不允许相同名称。

2、{{}}和v-text和v-html的坑

{{xxx}},这种情况是有弊端的，就是当我们网速很慢或者javascript出错时，会暴露我们的{{xxx}}。Vue给我们提供的v-text,就是解决这个问题的。

 

3、遇到： Module build failed: Error: Cannot find module ‘模块名’ 那就安装： cnpm install 模块名 --save-dev(关于环境的，表现为npm run dev 启动不了) cnpm install 模块名 --save(关于项目的，比如main.js，表现为npm run dev 成功之后控制台报错) 比如escape-string-regexp、strip-ansi、has-ansi、is-finite、emojis-list

我的问题是缺少watchpack 然后我就 npm install watchpack --save就好了

4、fontSize不能写成font-size(vue的坑vue不解析横线 )

5、自定义指令的开头是Vue，开头一定是大写的V

6、定义局部组件时需要记住组件名称需要是字符串！

components:{

                "panda":{

                    template:`<div style="color:red;">局部注册的panda标签</div>`

                }

            }

7、Vue.extend和Vue.component的区别与联系：

• 我们想象一个需求，需求是这样的，要在博客页面多处显示作者的网名，并在网名上直接有链接地址。我们希望在html中只需要写<author></author> ，这和自定义组件很像，但是他没有传递任何参数，只是个静态标签。

• Vue.extend 返回的是一个“扩展实例构造器”,也就是预设了部分选项的Vue实例构造器。经常服务于Vue.component用来生成组件，可以简单理解为当在模板中遇到该组件名称作为标签的自定义元素时，会自动调用“扩展实例构造器”来生产组件实例，并挂载到自定义元素上。

8、局部注册其实就是写在构造器里，但是你需要注意的是，构造器里的components 是加s的，而全局注册是不加s的。

 

9、Vue2.0要求template标签内必须有大的容器如<div>来将<p>等这些自容器包含住。

 

10、别名不要用在path为’/’中

{

  path: '/',

  component: Hello,

  alias:'/home'  // 会找不到

}