前言

个人缺点很明显，很容易浮躁，遇到问题解决不了总是想从头再来。结合之前在公司干了几天的经验来说，目前我需要把js，vue，sass，ajax和小程序搞一搞，过完基础，我想在做项目的同时发现更多的不足，然后再补，总是看，会消磨耐心，今天开始vue.js的内容。结合element-ui和mint-ui慢慢玩。

1.vue基础

vue单文件方式

单文件就是以*.vue结尾的文件。最终通过webpack也会编译成*.js在浏览器运行

内容：template+script+style

1:template中只能有一个根节点 

 2:script中 按照 export default {配置} 来写 -

3:style中 可以设置scoped属性，让其只在template中生效

vue指令

v-text是元素的innerText，只能在双标签中使用

v-html 是元素的innerHTML。不能包含{{xxx}}

v-if 元素是否移除或者插入

v-show元素是否显示或者隐藏

v-model 双向数据绑定

v-bind单向数据绑定，v-bind：属性名：“表达式” 简写   ：属性名="表达式"

v-on绑定事件 v-on：事件名="表达式 || 函数名"简写  @事件名="表达式||函数名"

v-for遍历数组和对象，数组（item，index）对象（value，key，index）

vue组件

在父组件中声明子组件，引入子组件对象

父组件声明子组件

声明全局组件要在main.js中引入组件，然后使用vue.component('组件名',组件对象)

父传子 ，在子组件中声明 props：['prop1','prop2'] ,在界面中通过{{prop1}}使用

子传父， 通过new Vue（）这样的一个对象，来$on('事件名'，fn（prop1，prop2）)

                另一个组件引入同一个vuebus, 来$emit('事件名',prop1,pro2)

套路总结

    - 凡是在上边可以使用的东西

    - 在下边就可以使用，通过this.

vue过滤器&获取DOM元素 vue-router router-link 编程导航 重定向&多视图 嵌套路由 axios 拦截器 监视

后记

看的很懵逼，慢慢来把，项目开始，做了个主页头尾，明天接着来。