Vue.js总结学习

1、Vue.use()

vue官网有给出明确的文档 vue插件开发 ,我们需要有一个公开方法install,里面来包含我们要处理的业务。这个方法的第一个参数是 Vue 构造器 , 第二个参数是一个可选的选项对象:

// plug.js

const plug = {//  定义一个对象

install (Vue, options) {// 需要拥有一个 install 方法

    }

}

// 导出这个对象

export default plug

那么此时我们就可以通过 use的方式来使用

import plug from 'plug'

Vue.use(plug)

注:插件开发的顺序:声明(install)---注册(use)---写插件---使用

第一种,可以通过Vue.use(plug)全局方法进行调用。

进行 Vue 的大型项目开发时,如果用vue-cli生成项目目录结构,Vue.use()方法一般在 main.js 中调用。

第二种实际上是插件本身帮你完成了Vue.use()的调用。

这种情况下,插件会去检测是否存在 Vue 全局变量,如果存在,就自动调用Vue.use()。所以,如果你的项目中是使用 script 方式引入的 Vue.js(这种情况下 Vue 才会作为一个全局变量存在),在使用比如vue-router、axios之类的插件时就可以直接引入然后使用,不用再调用Vue.use()。

2、Vue中的$符号

Vue 实例暴露了一些有用的实例属性与方法,它们都有前缀 $

(1)通过Vue.set方法设置data属性,如 Vue.set(data,'sex', '男')

(2)var vm =new Vue({el:'#example', data: data}) //创建实例

       使用 vm.$set实例方法,这也是全局 Vue.set方法的别名

3、Vue组件中的data为什么用function返回对象,而不是直接使用对象data:{}

如果不用function return ,每个组件的data都是内存的同一个地址,那一个数据改变其他也改变了,这当然就不是我们想要的。   用function return 其实就相当于申明了新的变量,相互独立,自然就不会有这样的问题。

上面两个ComponentA的实例中的data将同时为组件定义时data对应的对象,即相当于两个实例的data相互影响了。也就是第一个实例的data和第二个我们并不想改变的实例的data也会发生改变。

4、vue.config.productiontip = fals的作用

2.2.0 新增;类型: boolean;默认值: true

用法:设置为 false 以阻止 vue 在启动时生成生产提示。

5、assets文件夹与static文件夹的区别

区别一:src下的assets文件,最后运行时需要进行打包,被webpack处理解析为模块依赖,只支持相对路径形式。例如,在 <img src="./logo.png">和 background: url(./logo.png)中,”./logo.png” 是相对的资源路径,将由Webpack解析为模块依赖。

static文件不需要打包就直接放在最终的文件中了,会直接被复制到最终的打包目录(默认是dist/static)下。必须使用绝对路径引用这些文件/static/[filename]。

区别二:assets用来放置样式、静态图片,只要src下面的组件中用到的资源就放在assets中。

              static用来放没有npm包的第三方插件,字体文件。

注:“../”表示上一级目录开始。

      “./”表示当前同级目录开始。

      “/”表示根目录开始。

6、vue引入公共的css及在对应的模板.vue文件中引入css的方法

(1)在main.js中通过ES6语法

(2)在对应的模板.vue文件中引入


7、axios跨域方法

一般通过代理的方式跨域

详见:https://blog.csdn.net/u012369271/article/details/72848102

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,542评论 6 504
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,822评论 3 394
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,912评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,449评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,500评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,370评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,193评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,074评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,505评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,722评论 3 335
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,841评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,569评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,168评论 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,783评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,918评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,962评论 2 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,781评论 2 354

推荐阅读更多精彩内容

  • 1 Webpack 1.1 概念简介 1.1.1 WebPack是什么 1、一个打包工具 2、一个模块加载工具 3...
    Kevin_Junbaozi阅读 6,665评论 0 16
  • 犹豫了好久,肖肖拨通了电话。响到第二声没人接,肖肖赶紧挂断了电话,松了口气。 电话响,肖肖看了一眼显示的名字:华。...
    青岛小白阅读 321评论 0 1
  • 长相思《三十一》 荔枝fm 我的爱像风 不知她何时来 不知她的影踪 我总想捕捉她的芳心 却经不住她脚步匆匆 我的...
    清城儿阅读 169评论 0 0
  • 今晚上完课后、几个女人聚了一下、几个朋友都是新认识的,两个 女孩都是在阿里巴巴做事、一个音乐老师、一个年轻的妈妈、...
    九道智慧慧画阅读 979评论 0 1