vue开发过程知识点

1、本地缓存:建立js组件 ==== 引入js组件====使用
2、编写组件:引入组件=====挂载组件=====在模板中使用
3、css全局作用域===对象包起来/scoped   scass
————————————————————————————————————————————————————————
1、v-for:
数组/数组对象:v-for="(item, index) in items",其中item是数组元素迭代的别名,index是第二可选参数,可用of代码in
对象:v-for="(value, key, index) in object",value值,key键,index索引
    (for (变量 in 对象))

2、v-bind=""/: :绑定属性、
:class="{'':'','':''}"绑定clsss   这里是一个对象,单引号扩起来
:style="{'':''}"绑定样式
3、v-html="":绑定html、
4、v-text=""/{{}}:绑定数据、

5、v-model=""(必须在表单里面)双向数据绑定(MVVM M-V V-M)

6、ref==id   获取dom节点,使用 $refs.ref后面定义的名字
    ref="abc"   this.$refs.abc=====获取dom节点
                this.$refs.abc.value=====获取dom的值
                可以用原生设置样式
7、v-on:click=""/@:click="" 
8、v-if=""
————————————————————————————————————————————————————————
搭建前端框架,
组件:树状模式(根组建)====路由可以动态得挂载组建
1、组件写法:建文件夹======建.vue后缀名文件1、首字母最好大写,css用scss,同时写scoped(局部作用域)
2、写法跟app.vue一样======
3、app页面引入import组建,components挂载组建(名字不能与html标签一样),使用组建
---------------------------------
父子组件传值的基本方法:
a父组件给子组件传值  1、引入组件2、绑定 3、获取 props可以是数组也可以是对象。 4、使用 
1、父组建给子组建传值:绑定属性(可传方法,方法后面加方法表示执行方法;可传整个组建,this带过去) 。 
2、子组建通过props接收,props里面获取的值也跟data一样可以直接this.x调用
3、props验证父组件给子组建传值,子组建的验证,也可以设置默认值
b4、父组建主动获取子组件的数据和方法
       调用子组件的时候定义一个ref,在父组建李敏啊通过$refs.x.属性/方法
c5、子组件主动获取父组件的数据和方法 。 this.$parent.数据/方法
-----------------------------
非父子组件传值: 广播接收广播
1、新建一个js文件  然后引入vue(import vue from 'vue')--实例化vue(var x = new vue()空实例)--然后暴露这个实例化export default x
2、在要广播或者接收广播的地方引入刚刚定义的空实例 import x from '../'这个js
3、通过x.$emit('我定义名称','实例')
4、在接收数据的地方通过  $on接收广播 。 $on('定义的名称',function(){})
-----------------------------
2、