Vue学习笔记——Vue的坑

小灰灰 2022-05-19 02:52 212阅读 0赞

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'  // 会找不到

\}

发表评论取消回复

表情：

评论列表（有 0 条评论，212人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue学习笔记：Vue CLI 3的学习

定义 Vue CLI官方定义：Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供诸多功能。例如：通过 @`vue/cli` 搭建交互式的项目脚手架；通

港控/mmm°/ 2023年08月17日 16:35/ 0 赞/ 119 阅读

相关 Vue学习笔记

1. NPM 安装Vue方法由于 npm 安装速度慢，本教程使用了淘宝的镜像及其命令 cnpm，安装使用介绍参照：[使用淘宝 NPM 镜像][NPM]。 npm 版本

喜欢ヅ旅行/ 2023年02月22日 08:26/ 0 赞/ 57 阅读

相关 vue学习笔记

参考视频：[https://www.bilibili.com/video/BV18E411a7mC?p=3&spm\_id\_from=pageDriver][https_w

谁借莪１个温暖的怀抱￠/ 2022年11月15日 11:58/ 0 赞/ 186 阅读

相关 vue学习笔记

百度网盘：链接：https://pan.baidu.com/s/1mcphFpMPcrUUr8Rgrz2Caw 提取码：rckd 1. Vue.js 目录结

迈不过友情╰/ 2022年10月21日 03:45/ 0 赞/ 43 阅读

相关 vue-学习笔记

准备工作 1.安装 node.js，根据自己的平台下载合适的安装包。 http://nodejs.cn/download/ linux sudo apt

青旅半醒/ 2022年10月05日 06:58/ 0 赞/ 192 阅读

相关 vue学习笔记

1.v-once，只渲染一次 <h1 v-once>{ {message}}</h1> 2.v-html，按照html格式渲染 <h

浅浅的花香味﹌/ 2022年09月13日 12:29/ 0 赞/ 189 阅读

相关 Vue学习笔记——Vue-router

第1节：Vue-router入门 1、解读router/index.js文件 import Vue from 'vue' //引入Vue

小鱼儿/ 2022年05月19日 03:05/ 0 赞/ 242 阅读

相关 Vue学习笔记——Vue的坑

1、v-for的坑： vue低版本中 data里面的items和computed里面可以一样，但是高版本，是不允许相同名称。 2、\{ \{\}\}和v-text

小灰灰/ 2022年05月19日 02:52/ 0 赞/ 213 阅读

相关 Vue 学习笔记

> 小编推荐：[Fundebug][]专注于JavaScript、微信小程序、微信小游戏，Node.js和Java实时BUG监控。真的是一个很好用的bug监控费服务，众多大佬公

蔚落/ 2022年04月10日 11:19/ 0 赞/ 214 阅读

相关 vue的学习笔记

前端框架–vue的学习文章目录 vue的介绍什么是vue vue.js下载引入vue.

比眉伴天荒/ 2021年12月11日 07:17/ 0 赞/ 377 阅读