, use
.',
24 | el.rawAttrsMap['style']
25 | )
26 | }
27 | }
28 | el.staticStyle = JSON.stringify(parseStyleText(staticStyle))
29 | }
30 |
31 | const styleBinding = getBindingAttr(el, 'style', false /* getStatic */)
32 | if (styleBinding) {
33 | el.styleBinding = styleBinding
34 | }
35 | }
36 |
37 | function genData (el: ASTElement): string {
38 | let data = ''
39 | if (el.staticStyle) {
40 | data += `staticStyle:${el.staticStyle},`
41 | }
42 | if (el.styleBinding) {
43 | data += `style:(${el.styleBinding}),`
44 | }
45 | return data
46 | }
47 |
48 | export default {
49 | staticKeys: ['staticStyle'],
50 | transformNode,
51 | genData
52 | }
53 |
--------------------------------------------------------------------------------
/test/unit/modules/observer/dep.spec.js:
--------------------------------------------------------------------------------
1 | import Dep from 'core/observer/dep'
2 |
3 | describe('Dep', () => {
4 | let dep
5 |
6 | beforeEach(() => {
7 | dep = new Dep()
8 | })
9 |
10 | describe('instance', () => {
11 | it('should be created with correct properties', () => {
12 | expect(dep.subs.length).toBe(0)
13 | expect(new Dep().id).toBe(dep.id + 1)
14 | })
15 | })
16 |
17 | describe('addSub()', () => {
18 | it('should add sub', () => {
19 | dep.addSub(null)
20 | expect(dep.subs.length).toBe(1)
21 | expect(dep.subs[0]).toBe(null)
22 | })
23 | })
24 |
25 | describe('removeSub()', () => {
26 | it('should remove sub', () => {
27 | dep.subs.push(null)
28 | dep.removeSub(null)
29 | expect(dep.subs.length).toBe(0)
30 | })
31 | })
32 |
33 | describe('depend()', () => {
34 | let _target
35 |
36 | beforeAll(() => {
37 | _target = Dep.target
38 | })
39 |
40 | afterAll(() => {
41 | Dep.target = _target
42 | })
43 |
44 | it('should do nothing if no target', () => {
45 | Dep.target = null
46 | dep.depend()
47 | })
48 |
49 | it('should add itself to target', () => {
50 | Dep.target = jasmine.createSpyObj('TARGET', ['addDep'])
51 | dep.depend()
52 | expect(Dep.target.addDep).toHaveBeenCalledWith(dep)
53 | })
54 | })
55 |
56 | describe('notify()', () => {
57 | it('should notify subs', () => {
58 | dep.subs.push(jasmine.createSpyObj('SUB', ['update']))
59 | dep.notify()
60 | expect(dep.subs[0].update).toHaveBeenCalled()
61 | })
62 | })
63 | })
64 |
--------------------------------------------------------------------------------
/examples/firebase/app.js:
--------------------------------------------------------------------------------
1 | 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,}))$/
2 |
3 | // Setup Firebase
4 | var config = {
5 | apiKey: "AIzaSyAi_yuJciPXLFr_PYPeU3eTvtXf8jbJ8zw",
6 | authDomain: "vue-demo-537e6.firebaseapp.com",
7 | databaseURL: "https://vue-demo-537e6.firebaseio.com"
8 | }
9 | firebase.initializeApp(config)
10 |
11 | var usersRef = firebase.database().ref('users')
12 |
13 | // create Vue app
14 | var app = new Vue({
15 | // element to mount to
16 | el: '#app',
17 | // initial data
18 | data: {
19 | newUser: {
20 | name: '',
21 | email: ''
22 | }
23 | },
24 | // firebase binding
25 | // https://github.com/vuejs/vuefire
26 | firebase: {
27 | users: usersRef
28 | },
29 | // computed property for form validation state
30 | computed: {
31 | validation: function () {
32 | return {
33 | name: !!this.newUser.name.trim(),
34 | email: emailRE.test(this.newUser.email)
35 | }
36 | },
37 | isValid: function () {
38 | var validation = this.validation
39 | return Object.keys(validation).every(function (key) {
40 | return validation[key]
41 | })
42 | }
43 | },
44 | // methods
45 | methods: {
46 | addUser: function () {
47 | if (this.isValid) {
48 | usersRef.push(this.newUser)
49 | this.newUser.name = ''
50 | this.newUser.email = ''
51 | }
52 | },
53 | removeUser: function (user) {
54 | usersRef.child(user['.key']).remove()
55 | }
56 | }
57 | })
58 |
--------------------------------------------------------------------------------