vue漫漫踩坑路

// 一些在学习vue时遇到的问题--这篇随笔更像是我自己的学习笔记(写写东西加深理解  更多的是给自己看的  里面可能会有些理解上的错误欢迎指出--感谢)

1. 注册全局组件必须在Vue实例之前(通常指vm之前),是为了保证注册的全局组件在任意的实例中都可以使用

2. Vue.component(参数一,参数二),参数一为要注册的全局组件的名称,参数二的类型可以为一个对象还可以为一个构造函数

3. Vue.extend 扩展 实例 构造器(个人理解就是创建简化了的vm,一般用来创建全局组件)

1 // 1.创建一个特殊的vue实例
2         const com1 = Vue.extend({
3             template: ‘<h2>vue的全局组件--定义方式一--略略略略略略</h2>‘,
4             data: function () {
5                 // 扩展实例中的data必须是一个函数
6                 return {}
7             }
8         })
9         console.dir(com1);    // 可以看出创建的com1为构造函数 而非组件   它上面的原型属性prototype指向  Vue$3 {constructor: ?}

4. 组件中的data必须是函数 实质是解决多个组件间共用一个data对象

5. 使用驼峰命名的组件 在以自定义标签的形式写入到容器中时,必须使用小写且连接部分使用‘-’来连接

未完待续~~~~~~~~~~~~~~~~~~~~~~~~~~~11:32:44

原文地址:https://www.cnblogs.com/Evermenot/p/8487574.html

时间: 2024-10-11 02:19:31

vue漫漫踩坑路的相关文章

vue的踩坑路

------>axios模拟get json一直拿不到文件,先把data放到根目录,再去dev-server.js(就是npm执行的那个文件)里面设置静态资源访问路径app.use('/data',express.static('./data')) ... app.use(hotMiddleware) // serve pure static assets var staticPath = path.posix.join(config.dev.assetsPublicPath, config.d

Vue(踩坑)vue.esm.js?efeb:628 [Vue warn]: Error in render: &quot;TypeError: Cannot read property &#39;0&#39; of undefined&quot; found in

1.项目报错如下 2.原因: 异步显示的数据先显示vuex中的初始数据,再显示请求的数据,一开始在vuex中state中的初始数据为空,报错是因为在显示初始数据的时候报错 3.解决:避免在没有数据的时候显示解析(有数据才解析) 有数据的时候div才存在,用v-if控制一下 5.总结:表达式有一层表达式(a),二层表达式(a.b),三层表达式(a.b.c), 当表达式三层的时候就有问题:比如a开始为空,a.b:的结果为undefined, a.b.c你再取的时候就会报错了 Vue(踩坑)vue.e

基于 Laravel 开发 ThinkSNS+ 中前端的抉择(webpack/Vue)踩坑日记

在上一篇文章< ThinkSNS+基于Laravel master分支,从1到 0,再到0.1>,简单的介绍了 ThinkSNS+ ,这里分享在开发过程中,前端选择的心理活动. Laravel Mix的放弃 在 Laravel 中,前端工作流默认是由 laravel-mix 包驱动的,集成了 Vue.js.而作为核心开发之一,也负责前端这块的开发.其实,这是seven第一次写 Vue,之前都是用 React 做开发. 然后seven和另一个核心成员 Wayne 在楼道抽烟聊前端这事情,要不要用

Vue项目踩坑记~

最近在写一个Vue的项目~踩了很多坑,下面总结一下出现的问题 1.空白页面,不提示报错,但是什么都没有 main.js const app = new Vue({ router }).$mount('#app') 错误原因:在创建vue实例对象时,没有添加render方法. 解决: const app = new Vue({ router, render: h => h(App) }).$mount('#app') 2."TypeError: Cannot read property 'g

前端学习---移动端vue开发踩坑记

前言: 大概两个月前投身于一个项目中去,项目是一个移动端的项目,所选用的框架是时下比较流行的vue.这篇文章也是针对这个项目和以前自己学习时的一些总结,包括一些通用的移动端开发要注意的事项.vue开发遇到的一些问题.本文的目的是为了在以后的开发中我们可以避免这些坑,提高我们的开发效率. 一.移动端开发特有问题: 1.移动端样式的兼容性: 在当前移动端的开发要面对各种不同的手机,不同的手机DPI也是不同的,比如Iphone 8的DPI就是2,Iphone 8P的DPI就是3.为了让页面可以兼容不同

vue 使用踩坑 note

1. 如图,假如large那一行错写成 'large': item.ext_data.isLarge + '' === 'true',, 那么,编译不报错,控制台无提示,模板不输出. 2. vue的template中无法直接访问到window,需要在data中声明

Vue小白踩坑 使用vue做一个简单的todo list

前言 寒假待在家,无所事事,便开始做起了毕设,由于要写跨端应用,基础是vue,所以先攻克vue 做一个简单的todo 当然是自己做的,效率有点儿低,不过能做出来已经很不错了把 hhh 源码 本质上毕设的前端展示,也就是对一个todo-list加一个好看的ui,数据排版等等花里胡哨的东西,本质的东西还是数据的crud <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title

Vue(项目踩坑)_These dependencies were not found: * !!vue-style-loader!css-loader?{&quot;sourceMap&quot;:true}!../../../node_modules/vue-loader/lib/style-compiler/index?{&quot;vue&quot;

报错如下: 解决: 感谢 @ honey缘木鱼 大神的分享:https://blog.csdn.net/dt1991524/article/details/83413211 https://blog.csdn.net/qq_40930491/article/details/86547907 原文地址:https://www.cnblogs.com/xxm980617/p/11802603.html

毕业设计踩坑路(一)

问题一:在本地搭建完成apache服务器之后,使用Android Studio 访问本地服务器网络地址时无法ping通 可能出现的问题: (1)本地apache使用的端口被占用or被防火墙屏蔽---------未发生 (2)某些奇怪的原因(至今未知) 尝试的解决方法:将模拟器默认使用的10.0.2.2(模拟器所在局域网中主机的网络地址)  修改为实际局域网内地址 详细过程:cmd---ipconfig----找到主机在局域网内的ipv4地址  (192.168.xxx.xxx)\ 实际结果:在A