网站备案进度,网站运营需要什么条件,163网站是jsp做的吗,湛江cms建站系统一 Vue插件 二 vue3项目创建 创建完成后npm install
npm run dev
三 setup
一 响应式数据 setup函数是用来代替data和methods的写法的#xff0c;在setup函数中声明的数据和函数#xff0c;导出后可以在页面中使用。 但是暂时不是响应式数据#xff0c;如果要响应式数据的…一 Vue插件 二 vue3项目创建 创建完成后npm install
npm run dev
三 setup
一 响应式数据 setup函数是用来代替data和methods的写法的在setup函数中声明的数据和函数导出后可以在页面中使用。 但是暂时不是响应式数据如果要响应式数据的话必须使用ref和reactive setup函数是没有this的直接使用就行
setup(){let data 1; function setdata(){ data 2 //这样修改不是响应式的页面不会改变}return {data,setdata}
}
setup(){let data ref(1); function setdata(){ data.value 2 //这样修改才是响应式的}return {data,setdata}
}
二 setup和optionAPI
setup执行是最先执行的生命周期访问不到其他的内容但是data中能访问到setup中的内容。 四 toRefs和toRef
想要解构就使用toRefs
toRefs的作用就是由于解构了以后重新声明变量取的里面的值跟代理对象无关所以失去了响应性toRefs可以使得解构出来的变量都变成ref对象从而具有响应性。变量通过.value访问。并且修改name的时候也会修改到person.name 五 computed计算属性
let 变量 computed传入回调函数并返回一个值
计算属性是有缓存的如果所依赖的值没有变化即使有多个地方用到这个属性也不会调用计算的方法但是普通的方法是想要用到值就必须调用这个方法。 计算属性想要设置的话必须要修改它依赖的值 六 watch和watchEffect
所以总结一下最好用ref定义对象。重新赋值时才方便。要监听对象里的属性值必须开启deep:true
1 监听ref定义的值常用
watch(监听数据,传入回调函数function(newValue,oldValue){}) 2 监听ref定义的对象监听整个对象的地址值需要开启深度监听才能知道属性变化
监听的是整个对象的地址值。 需要手动开启深度监听才能够监听到里面属性的变化。
修改整个对象的地址值那么新值和旧的值肯定是不一样的。
但是要是修改的是对象的属性地址没有发生改变那么新的属性值和旧的属性值都是同一个对象里的属性就都是一样的。 3 监听reactive定义的对象不管是地址值还是属性都能够监测到。 reactive定义的对象重新赋值时要注意。最好还是用ref就好了。
//如果reactive定义的对象
let person reactive({name:张三,age:12})
//修改的时候是这样的话就会失去响应性。
person {name:张三,age:18}
//只能批量替换对象里面的属性
Object.assign(person,{age:20})//不像是ref定义的对象。这样修改不会失去响应性
let person ref({name:nihao})
person.value {age:haha;} 4 监听对象里的属性值最好都用函数返回属性的形式。常用
并且如果属性是对象要加deep:true监听对象里的属性的变化。 5 监视多个值时不用写数组直接使用watchEffect。函数中用到的值都会自动监听到。
