淄博网站建设同圈科技,外包网,黄埔网站建设(信科网络),晚上正能量网站大全vue 发展历程 安装vite
第一步 创建wms-web项目 第二步
打开文件夹并安装所有开发环境的依赖 都可以放静态资源
publicvite.svg 不会重新编译成其他名字
assetsvue.svg 会重新编译成一个随机的名称
重新编译 启动 第三步 spa 单页渲染 第四步
安装路由 第五步
…vue 发展历程 安装vite
第一步 创建wms-web项目 第二步
打开文件夹并安装所有开发环境的依赖 都可以放静态资源
publicvite.svg 不会重新编译成其他名字
assetsvue.svg 会重新编译成一个随机的名称
重新编译 启动 第三步 spa 单页渲染 第四步
安装路由 第五步
加入路由 需要结合标签RouterView/RouterView或者router-view/router-view两者相同 做页面的导航选中标签时下面也会跟随改变 卸载的时候触发
钩子函数里面写的都是表达式因为它是一个方法
template这是首页 {{ count }}button clickaddAdd/button
/template!-- setup 语法塘 --
script langts setup
// 钩子函数
import { onMounted ,onBeforeMount,onUpdated,onUnmounted,ref} from vueconst count ref(1)
const add (){count.value count.value 1
}// 钩子函数里面写的都是表达式因为它是一个方法 // 挂载之前会触发
onBeforeMount((){console.log(onBeforeMount)
})// 挂载的时候会触发
onMounted((){console.log(onMounted)
})// 数据改变的时候会触发
onUpdated((){console.log(onUpdated);
})// 卸载的时候触发
onUnmounted((){console.log(onUnmounted);
})
/script
浏览器页面 第六步 vite.config.ts中设置相关配置
server中
host:
0.0.0.0 别人可以通过这个地址访问 localhost 本机
port:端口号 别人可以通过这个地址访问
需要安装一个组件 更好的兼容 第七步
Layout 布局 | Element Plus 安装npm install element-plus --save 第八步
加入按钮 第九步
加入Slider 滑块 第十步
加入图标
