想建个企业网站,佛山网站建设解决方案,ftp上传网站 需要什么文件,线上推广服务vite是新的官方构建工具#xff0c;构建速度比webpack更快
vue项目的入口文件是index.html#xff0c;一般在这里引入src/main.js#xff0c;并且设置好容器#app
App.vue放的是根组件#xff0c;components里放分支组件 vue组件中写三种标签#xff0c;template s…
vite是新的官方构建工具构建速度比webpack更快
vue项目的入口文件是index.html一般在这里引入src/main.js并且设置好容器#app
App.vue放的是根组件components里放分支组件 vue组件中写三种标签template script style 配置数据方式放到data(){}中 函数放到methods:{}中 以上配置项是vue2的写法选项式API
vue3是组合式API使用setup(){ 定义 return }setup执行时间早于beforeCreate()setup中没有this的定义setup可以返回一个渲染函数 import setupExtend from vite-plugin-vue-setup-extend 可以通过name属性指定组件名setup语法糖自动return
script setup langts
import HelloWorld from ./components/HelloWorld.vue
import TheWelcome from ./components/TheWelcome.vue
/script vue3响应式数据-ref包裹的数据是响应式数据对象reactive包裹对象类型的数据 Object.assign(obj1, obj2) 可以更新reactive定义的对象
toRefs可以把reactive定义的每一组keyvalue变成ref类型的变量 toRef从reactive中一个一个取其中更改nlreactive中的age也会变 计算属性computed((){return})计算依赖的数据变化就会重新计算computed是ref变量
以下是只读的写法 可读可写get set方法 vue3-watch监听 可以监听四种数据 1、ref定义的数据 2、reactive定义的数据 3、函数返回一个值getter函数 4、一个包含上述内容的数组。 vue2的watch写法 vue3的watch写法是一个函数声明 监听对象和 回调函数newValue, oldValue
终止监听 监听ref定义的对象类型的数据监听的是对象的地址值若想监听对象内部属性的变化需要手动开启深度监听deeptrue想要立即监听也要手动开启immediatetrue
oldValue和newValue 也是监听的新老地址的值若没变地址则oldValuenewValue大部分情况监听对象地址不变可以把newValue和oldValue合并成一个参数value。 reactive对象类型数据无法整体修改必须通过Object.assign来修改 监听reactive对象类型数据默认是开启深度监听的隐式创建深层监听且无法关闭
地址不变则oldValue和newValue相同
监听对象中的某个值基本类型的需要构造getter函数监听getter函数返回值 监听对象中的某个 子对象可直接监听也可以构造getter函数
***建议写函数式并加上deeptrue监听中最常用 同时监视以上几种情况 v-bind:value 单向绑定简写为:value v-modal:value 双向绑定简写为v-modal v-for写法v-bind:key缩写成 :key
