feat: vuejs#181 Change scope of ref with v-scope

Author: thewei

src/directives/if.ts

@@ -61,7 +61,7 @@ export const _if = (el: Element, exp: string, ctx: Context) => {
         if (i !== activeBranchIndex) {
           removeActiveBlock();
           block = new Block(el, ctx);
-          block.insert(parent, anchor);
+          block.insert(parent as any, anchor);
           parent.removeChild(anchor);
           activeBranchIndex = i;
         }

src/walk.ts

@@ -15,6 +15,7 @@ const modifierRE = /\.([\w-]+)/g
 export let inOnce = false
 
 export const walk = (node: Node, ctx: Context): ChildNode | null | void => {
+  const parentCtx = ctx
   const type = node.nodeType
   if (type === 1) {
     // Element
@@ -40,6 +41,7 @@ export const walk = (node: Node, ctx: Context): ChildNode | null | void => {
     // v-scope
     if ((exp = checkAttr(el, 'v-scope')) || exp === '') {
       const scope = exp ? evaluate(ctx.scope, exp) : {}
+      scope.$root = el;
       ctx = createScopedContext(ctx, scope)
       if (scope.$template) {
         resolveTemplate(el, scope.$template)
@@ -54,6 +56,9 @@ export const walk = (node: Node, ctx: Context): ChildNode | null | void => {
 
     // ref
     if ((exp = checkAttr(el, 'ref'))) {
+      if (ctx !== parentCtx) {
+        applyDirective(el, ref, `"${exp}"`, parentCtx)
+      }
       applyDirective(el, ref, `"${exp}"`, ctx)
     }