| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950 |
- var emailRE = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
- // Firebase ref
- var usersRef = new Firebase('https://vue-demo.firebaseIO.com/users')
- // create Vue app
- var app = new Vue({
- // element to mount to
- el: '#app',
- // initial data
- data: {
- newUser: {
- name: '',
- email: ''
- }
- },
- // firebase binding
- // https://github.com/vuejs/vuefire
- firebase: {
- users: usersRef
- },
- // computed property for form validation state
- computed: {
- validation: function () {
- return {
- name: !!this.newUser.name.trim(),
- email: emailRE.test(this.newUser.email)
- }
- },
- isValid: function () {
- var validation = this.validation
- return Object.keys(validation).every(function (key) {
- return validation[key]
- })
- }
- },
- // methods
- methods: {
- addUser: function () {
- if (this.isValid) {
- usersRef.push(this.newUser)
- this.newUser.name = ''
- this.newUser.email = ''
- }
- },
- removeUser: function (user) {
- usersRef.child(user['.key']).remove()
- }
- }
- })
|