随笔分类 - Vue
开发笔记
摘要：ps：如果之前安装有cli2需要先卸载cli2才能安装cli3/cli4； 准备工作：查看当前版本 vue -V 或者 vue --version 1、安装、卸载 cli2 全局安装：npm install vue-cli -g 全局卸载：npm uninstall vue-cli -g cli3/
阅读全文
摘要：内容：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中 route 的区别 //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',
阅读全文
