vue--

仅用于自己学习
只负责视图层：给用户看，更新后台的数据

v-text（） v-html(会解析出来语法) v-on（为元素绑定特定事件） v-on:click 可以用@代替

如果对数据变换用 this

Vue特点

1组件化
一个.vue就是一个组件
2声明式编程
命令式编码 声明式编码
3虚拟dom 就是比如说增加的话，先进行一下虚拟的don对比。

语法

v-bind 单项绑定
v-model 双向绑定（但是v-model只能应用于表单类元素）v-model:value可简写为v-model

el和data
不用el的话，可以用 v.$mount(‘#root’)

data两种写法，一种是对象式，一种是函数式，建议用函数式。

mvvm 来说，m就是里边数据 v就是容器 vm就是vue那个实例对象。{{}}只要是vm里边的有都可以。

数据代理
Object.defineProperty(person,‘Id’,{
value:"???"
set()
get（） })

@ 等同于 v-on

<a v-bind:href=“url” @click.prevent=“tan(1,$event)”>点击
阻止默认事件

键盘事件
<input type=“text” placeholder=“请输入” @keyup=“show”>
show(e){
if(e.keyCode !== 13)
return alert(e.target.value)
}
keyup就是键盘按下去的意思
常用的按键别名
回车=> enter
删除=>delete
退出=>esc
空格=>space
换行=>table
上下左右

computed:
{
属性名：{
get(){return}
}
}
计算属性 会做一个缓存,只有当所依赖属性变化时，才会发生变换

router
1首先创建 VueRouter实例
new VueRouter({
routers:[
{
path :’/about’
component:About
}
]
})
2 实现切换
About
指定展示位置

Vue-element-admin