Vue语法

Posted damocless

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue语法相关的知识,希望对你有一定的参考价值。

let/var   将let看成是var的进化;

let有块级作用域;

闭包可以解决没有块级作用域的问题,因为函数是一个作用域闭包的每次执行是独立的

Es5之前,因为if和for都没有作用域的概念,所以在很多时候,我们都必须借助于function的作用域来解决应用外部变量的问题,

Es6中,加入了let,let它是有if和for的块级作用域

 

const的使用  常量,不可以再次修改

在开发中优先使用const      只有需要改变某一个标识符的时候才能够使用get(),需要改变的时候使用let

const注意:

1一旦给const修饰的标识符被赋值之后,不能修改;

2在使用const定义的标识符,必须进行赋值;

3常量的含义是指向的对象(obj)不能进行修改,但是可以改变对象的内部属性;

 

对象的增强写法

<body>
<!--对象字面量的增强写法-->
<div id="app">
<p>总价格:{{totalprice}}</p>
</div>
<script>
// const obj={
// name:"why",
// age:18,
// run:function () {
// console.log(‘在奔跑‘);
// },
// eat:function () {
// console.log(‘在吃东西‘);
// }
// }
// 1属性的增强写法
// es5写法
const name =‘why‘;
const age=18;
const height=1.88;
// const obj={
// name :‘why‘,
// age:18,
// height:1.88
// }
// es6写法
const obj={
name,
age,
height
}
console.log(obj);

// 函数的增强写法
// es5
// const obj={
// run:function () {
// console.log(‘在奔跑‘);
// },
// eat:function () {
// console.log(‘在吃东西‘);
// }
// }
const obj={
run(){

},
eat(){

}
}

</script>

以上是关于Vue语法的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段——.vue文件的模板

VSCode自定义代码片段(vue主模板)

VSCode自定义代码片段11——vue路由的配置

VSCode自定义代码片段11——vue路由的配置

VSCode自定义代码片段11——vue路由的配置

VSCode自定义代码片段2——.vue文件的模板