webpack 是模块打包机 可以和vue配合也可以和react 配合
首先你的电脑上要安装npm和node
然后,体验先进的技术 转换打包成浏览认识的js代码
计算属性 : 1.html中的变量会调用computed中函数的名字而不用再data去声明这个变量,
2.模板中的变量先在computed中去匹配 如果 computed中有匹配项那么此变相则是最终要显示在模板中的数据,如果computed没有匹配项那么要显示data中的数据
// 计算属性
computed : {
reversedMessage: function () {
return this.message.split('').reverse().join('')
},
//没有依赖关系
now:function() {
return Date.now()
},
//会先调用get函数和fullName : function() {} 一个效果
//计算属性默认只有 getter ,不过在需要时你也可以提供一个 setter :
fullName : {
get:function() {
return this.firstName + ' ' + this.lastName
}
},
},
监听属性:当data中的一个值发生会变化时 就会执行watch中的对应后面的函数
watch : {
questioin : function() {
this.answer = 'Waiting for you to stop typing...'
}
}
class和style 这是下面需要注意的
三元运算符只能在数组里面使用例如:
data : {
arr_box : 'box',
arr_con : 'con',
}
<div v-bind:class="[isbox ? arr_box : arr_con]"></div>
<div v-bind:class="[isbox ? 'box' : arr_con]"></div>
模板中可以直接写class也可以直接写 data中声明的变量
如果逻辑比较复杂数组和对象也可以混用
<div v-bind:class="[{box:isbox},arr_con]"></div>