vue相关

iview架构

package.json引入依赖，这点类似java中的pom.xml

 

每次更换dependencies之后需要重新install

然后再man.js中引入iview

在App.view中div增加ivew的组件验证

国际化实现，src中local下lang文件夹添加js文件，local中的index.js引入lang下的js文件

回到man.js进行改造引入国际化包local，然后在App.vue中验证国际化是否生效<Button type="primary">{{$t('login')}}</Button>

定义一个view文件夹，写好vue静态页，进入router中index.js

 

vue

 

引入api时需要加{}

el id选择器，绑定div对应的标签
vue帮你修改dom  过去是document.getElementById()现在不需要了
v-bind是单向绑定  v-开头是操作dom的
{{}}差值表达式
v-model是双向绑定
vm对象可以直接vm.message   省略了vm.data.message
v-model.lazy变焦时显示
v-on事件绑定

v-html标签绑定，可以嵌入页面
v-show 是否隐藏
v-if  是否删除
=== 是否等于
li v-for="(item,index) in items"
mounted钩子函数

axios.get('可以直接传json文件').then  需要安装liveserver
computed计算存入缓存，下次拿到的还是这个值

this.list.filter{
item =>item.indexof(this.inputing)>-1       过滤数组中不存在的
}


组件

 

 

可以私有也可以公用  abar  bbar   Vue.component定义组件

父传子注意事项:
1,父组件定义procdefid
2,父组件的引入子组件<child>标签中写入固定格式<child :procdefid="procdefid">
3,子组件child  props: ['procdefid'], 无需重新定义procdefid

$emit 子传父
ref重命名
动态组件 components   keep-alive保持之前的状态，相当于保存cookie
slot插槽

 cli 默认脚手架
router路由
Vue.use(VueRouter)
router是用于跳转到对应的组件
scope局部有效
重定向路由
路由参数传递 props
路由守卫，负责没有登录没有权限的请求跳转到登录页面
router.beforeEach全局前置守卫
局部守卫，写在组件内部beforeRouterEnter

 

Vuex
state用于提供共享数据源
this.$store.state.name访问
或者computed:{...mapState(['name'])}访问
由于共享数据不允许直接修改，所以需要用到Mutation来进行修改
action触发函数
getter用于对store数据进行包装修改，不会修改源数据