随笔分类 - Vue
开发笔记
摘要：截止目前有5种方式创建vue项目 vue init webpack 项目名称 vue create 项目名称 vue ui npm init vue@latest npm create vite@latest 环境准备： 1、安装node.js 方法4和5创建的项目是vue3项目，node版本需要升
阅读全文
摘要：Sass（Syntactically Awesome Stylesheets）是一种扩展了CSS的样式表语言，旨在使CSS更加易于维护、可读和可扩展。 SCSS（Sassy CSS）则是Sass的一种语法扩展，它提供了与CSS语法兼容的书写方式，但引入了变量、嵌套规则、混合宏（Mixins）、继承等
阅读全文
摘要：先确保安装了最新版本的 Node.js，打开创建项目的目录（路径中最好不含中文）； 在命令行中运行以下命令 (不能带 $ 符号)： 创建vue2项目 npm create vue@legacy 创建vue3项目 npm create vue@latest
阅读全文
摘要：内容：node.js，vue-cli，vuex，axios，postcss-pxtorem，lib-flexible，vant ，babel-plugin-import 1.安装脚手架工具： npm install -g @vue/cli 版本检测：vue -V 2.创建项目 vue init we
阅读全文
摘要：vuex是状态管理，是为了解决跨组件之间数据共享问题的，一个组件的数据变化会映射到使用这个数据的其他组件当中。如果刷新页面，之前存储的vuex数据全部都会被初始化掉。以一个全局单例模式管理当应用遇到多个组件共享状态时使用Vuex，即：多个视图依赖于同一个状态，不同视图的行为需要变更同一状态。 1、V
阅读全文
摘要：一、单文件引入 1、创建存放全局变量和方法的vue文件 Common.uve <script> const userName = 'yangjing'; function add(a,b) { return a+ b } export default { userName, add } </scri
阅读全文
摘要：Vue 为了构建 SPA（单页面应用），需要引入前端路由系统，这也就是 Vue-Router 存在的意义。前端路由的核心，就在于 —— 改变视图的同时不会向后端发出请求。 创建的项目默认是hash模式如果需要改为history需要在路由文件中配置，还有结合后台配置才能使用。 Hash：即地址栏 UR
阅读全文
摘要：需求：当页面高度不足一屏时需要footer固定显示在页面底部，而页面内容超过一屏时需要footer紧跟在页面内容的最后。 思路：通过获取 网页可见区域高度：document.body.clientHeight;设置内容区域的最小高度，从而曲线救国使footer置底。 代码： <template> <
阅读全文
摘要：注明：vue中 $router 和 $route 的区别 //$router : 是路由操作对象，只写对象 //$route : 路由信息对象，只读对象 //操作 路由跳转 this.$router.push({ name:'hello', params:{ name:'word', age:'11
阅读全文
摘要：1.原生js方法 <script language="javascript"> //防止页面后退 使用在vue时 挂载到mounted中 history.pushState(null, null, document.URL); window.addEventListener('popstate',
阅读全文
浙公网安备 33010602011771号