<template> <div @click="clickHandle"> <div>{{msg}}</div> </div> </template> <script> export default { data () { return { msg: 'login' } }, methods: { clickHandle () { this.msg = 'yes!!!!!!' } } } </script> <style scoped> .message { color: red; padding: 10px; text-align: center; } </style>
main.js:
import Vue from 'vue' import App from './login' const app = new Vue(App) app.$mount() export default { config: { // 注意，页面级可配置属性相当于只是`src/main.js`中配置里的`window`部分 "navigationBarBackgroundColor": "#3dc1c7", "navigationBarTitleText": "登录", "navigationBarTextStyle": "white" } }
5.我们在src里面用vue写法创建页面的时候，小程序的页面会自动创建和代码转化，文件夹为dist,图片如下：
就这样我们已经初步了解mpvue框架了，之后有时间会写进阶版，上面内容如果有出错的地方，麻烦大佬们指正，谢谢！
总结
以上所述是小编给大家介绍的微信小程序的mpvue框架快速上手指南，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！
您可能感兴趣的文章: