使用vuejs时，变量在a标签中怎么解析 css中如何使用js函数中的变量

使用vuejs时，变量在a标签中怎么解析

作用域：它是指对某一变量和方法具有访问权限的代码空间,在JS中,作用域是在函数中维护的。表示变量或函数起作用的区域，指代了它们在什么样的上下文中执行，亦即上下文执行环境。Javascript的作用域只有两种：全局作用域和本地作用域，本地作用域是按照函数来区分的。闭包：在js中的我的理解就是函数嵌套函数，当内部函数在定义它的作用域的外部被引用时,就创建了该内部函数的闭包,如果内部函数引用了位于外部函数的变量,当外部函数调用完毕后,这些变量在内存不会被释放,因为闭包需要它们.使用闭包要注意：1）由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除。2）闭包会在父函数外部，改变父函数内部变量的值。所以，如果你把父函数当作对象（object）使用，把闭包当作它的公用方法（PublicMethod），把内部变量当作它的私有属性（privatevalue），这时一定要小心，不要随便改变父函数内部变量的值。

css中如何使用js函数中的变量

css仅仅是样式表而已，没有太多的逻辑运算功能，相反，js作为完善的脚本语言完全可以操作css样式。根据你的需求，你可以使用less，他是css 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性，可动态生成css样式。

less 页面怎么调用样式里的函数

less中目前无法访问javascript，因为less只是对css进行了扩展封装。
less的优点：
1.清晰的css逻辑结构，使处于#header选择器的css样式全部写在#header样式块中。
2.样式变量，less官网称为混合模式
其中.red (){ color: red .co{ border: 1px solid red} }与.red { color: red .co{ border: 1px solid red} }的写法，与效果是有本质区别的。
.red (){ color: red .co{ border: 1px solid red} } 相当建立了个样式变量，不会再css中显示，不会直接起作用，类似于未实例化。 只有在.class{}中调用才会起作用。调用的效果为.class{color: red .co{ border: 1px solid red}}这就防止了废弃不被使用css样式
.red {color: red .co{ border: 1px solid red}}是一个已经起作用的类，在.class{}中调用效果为 .class{color: red .red{.co{ border: 1px solid red}}}。

less官网自带winless一个将less自动生成css的工具，会自动监控指定的less文件，只要文件被更改就会自动更新生成新的被压缩的css文件。