小编Jes*_*ier的帖子

我已经设置了一个jsFiddle来展示这个问题.

<div id="app">
  <strong>{{title}}</strong><br>
  <input type="text" :placeholder="icon" />
</div>

new Vue({
  el: '#app',
  data: {
    title: 'Vue Rendered Info',
    icon: ''
  }
});

这只是我正在尝试做的一个示例(检查jsFiddle的工作示例).在我的真实项目中,我有一个.vue组件; 无论我的图标在数据中还是直接在我有相同的问题.但是为了堆栈溢出,我在jsFiddle中做了一个"工作"问题的例子.

我正在尝试在输入的占位符文本中放置一个Font-Awesome图标.

任何有关如何解决这个问题的见解都会很棒.

这是一些示例代码.我想知道为什么我不应该这样做.

//some code
var x = "hello";

{
    var y = "nice";

    function myfunction() {
        //do stuff . . .
    }
}

我看到这样做的好处是能够以块的形式组织代码段并让自动格式化程序做一些工作...

在我的测试中,{}在创建var或函数时不会影响范围.

同事和我注意到Razor和导入名称空间有些奇怪.

这是我们的测试类,我们将尝试从ac#文件和Razor视图访问.

namespace test
{
    public class c1 {}
}

namespace test.sub
{
    public class c2 {}
}

这是我们的c#代码示例.

using test;

namespace test
{
    public class testbed
    {
        testbed()
        {
            c1 o1 = new c1();                   //works
            test.sub.c2 o2 = new test.sub.c2(); //works
            sub.c2 o3 = new sub.c2();           //works
        }
    }
}

这是我们的Razor代码示例."sub"命名空间不可访问.

@using test
@(new c1())          @* Works *@
@(new test.sub.c2()) @* Works *@
@(new sub.c2())      @* Cannot be seen *@

有没有人解释为什么它在我们的类文件中有效但在我们的视图中没有？