elementUI相关(一)

一、elementUI框架拿来用:
0、终端导入 cnpm i element-ui -S
1、main.js中导入elementui
2、创建vue实例之前,将element-ui加入到vue中。导入Vue.use(ElementUI)
Vue.use(ElementUI);
3、xx.vue中修修改改(别忘了div包裹)

二、绑定事件
!-- v-on为Vue中的指令,用于绑定事件,不仅仅点击事件,事件触发(点击)后,可以执行js操作–>
span v-on:click=“changeUsername”>有一天,{{username}}想去学校

//绑定事件之后,调用的方法
methods:{
changeUsername: function () {
//this相当于self
this.username=‘一个没有理想的人’
}

你可能感兴趣的:(elementui,vue.js,javascript)